文档章节

Sencha Touch 使tab底部图标宽度平均分配

蓝色浮云
 蓝色浮云
发布于 2015/04/13 15:29
字数 178
阅读 43
收藏 2

修改前:

修改后:

在tabpanel对应的controller中添加如下代码

config: {

        views: ['Main'],

        refs : {

main : 'Main',

      },

        control : {

        'Main':{

        initialize:'initialize'

       }

        }

    },

    //使tab底部图标宽度平均分配

    initialize:function(){

    var tabPanelItems = this.getMain().getItems();

    for (var i = 0; i < tabPanelItems.length; i++) {

     if (tabPanelItems.items[i].tab) {

         //因为有四个按钮,所以25%表示每个按钮的宽度比例    

tabPanelItems.items[i].tab.setWidth('25%');

     if(i==tabPanelItems.length-1){

                           //解决最后一个按钮太靠右的问题,不清楚为什么会有这个问题

     tabPanelItems.items[i].tab.setPadding('0px 25px 0px 0px');

     }

     }

    }

   }

© 著作权归作者所有

共有 人打赏支持
蓝色浮云
粉丝 0
博文 5
码字总数 1340
作品 0
浦东
程序员
使用 Sencha Touch 开发超炫的跨平台移动 Web 应用

Sencha Touch 是由 Sencha 公司开发的移动 Web 应用开发框架,用以提升主流移动设备在浏览器上的触碰操作,增强用户体验。该框架以久负盛名的 Ext JS 富客户端框架为基础,并支持最新的 HTML...

IBMdW
2011/08/04
3.9K
0
用 Sencha Touch 构建移动 web 应用程序

Sencha Touch 是一个使用 HTML5、CSS3 和 JavaScript 语言构建的移动 web 应用程序框架,在本文中,学习如何应用您当前的 web 开发技能进行移动 web 开发。下载和建立 Sencha Touch,通过一个...

IBMdW
2012/03/19
1K
0
Sencha Touch 2.4.0 发布,增强对黑莓的支持

Sencha Touch 2.4.0 发布,该版本增强了对黑莓 10 浏览器和设备的支持,你可通过这里 下载 Sencha Touch 2.4 在黑莓设备上密码输入框增加了一个眼睛的图标,指示触摸进入时。此外列表组件的 ...

oschina
2014/08/26
2.9K
5
lucky_jayce/ViewPagerIndicator

ViewPagerIndicator ###1. 支持自定义tab样式 ###2. 支持自定义滑动块样式和位置 ###3. 支持自定义切换tab的过渡效果 ###4. 支持子界面的预加载和界面缓存 ###5. 支持设置界面是否可滑动 ##...

lucky_jayce
2016/01/17
0
0
Sencha Touch 2.2 发布,根据不同平台定制主题

Sencha Touch 2.2 提供了自定义主题的能力,你可以为你的应用定制不同平台上的 CSS,不同平台这里可以理解为不同的浏览器,例如 Chrome、IE10 或者 Safari,也可以是不同的设备,如 Android、...

oschina
2013/05/15
3.5K
2

没有更多内容

加载失败,请刷新页面

加载更多

下一页

内存模型是怎么解决缓存一致性的?

在再有人问你Java内存模型是什么,就把这篇文章发给他。这篇文章中,我们介绍过关于Java内容模型的来龙去脉。 我们在文章中提到过,由于CPU和主存的处理速度上存在一定差别,为了匹配这种差距...

Java填坑之路
14分钟前
1
0
vue-cli 3.0 初体验

最近复习了下vue,突然发现vue-cli已经更新到3.0版本了,并且变化蛮大,看来要不停的学习,真是一入前端深似海。 安装步骤: 1、全局安装 npm install -g @vue/cli Vue CLI 的包名称由 vue-...

tianyawhl
16分钟前
0
0
Angular进阶之路

【初级】会写页面,能出东西。 给定环境和 rest API,不用第三方库,能在十分钟内完成一个 master/detail 结构的带路由的应用(可以不管美观)。 知识点:Angular CLI、组件、路由、HTTP 服务...

陆小七的主页
18分钟前
0
0
Redis缓存数据库安全加固指导(一)

背景 在众多开源缓存技术中,Redis无疑是目前功能最为强大,应用最多的缓存技术之一,参考2018年国外数据库技术权威网站DB-Engines关于key-value数据库流行度排名,Redis暂列第一位,但是原生...

中间件小哥
18分钟前
0
0
百万级数据mysql分区

1. 什么是表分区? 表分区,是指根据一定规则,将数据库中的一张表分解成多个更小的,容易管理的部分。从逻辑上看,只有一张表,但是底层却是由多个物理分区组成。 2. 表分区与分表的区别 分表...

罗文浩
21分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部