文档章节

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
Sencha Touch 2.2 发布,根据不同平台定制主题

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

oschina
2013/05/15
3.5K
2
lucky_jayce/ViewPagerIndicator

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

lucky_jayce
2016/01/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

kubeadm部署kubernetes集群

一、环境要求 这里使用RHEL7.5 master、etcd:192.168.10.101,主机名:master node1:192.168.10.103,主机名:node1 node2:192.168.10.104,主机名:node2 所有机子能基于主机名通信,编辑...

人在艹木中
今天
6
0
Shell特殊符号总结以及cut,sort,wc,uniq,tee,tr,split命令

特殊符号总结一 * 任意个任意字符 ? 任意一个字符 # 注释字符 \ 脱义字符 | 管道符 # #号后的备注被忽略[root@centos01 ~]# ls a.txt # 备注 a.txt[root@centos01 ~]# a=1[root@centos01...

野雪球
今天
2
0
OSChina 周二乱弹 —— 程序员圣衣

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @达尔文:分享Skeeter Davis的单曲《The End of the World》 《The End of the World》- Skeeter Davis 手机党少年们想听歌,请使劲儿戳(这里...

小小编辑
今天
14
0
[ python import module ] 导入模块

import moudle_name ----> import module_name.py ---> import module_name.py文件路径 -----> sys.path (这里进行查找文件) # from app.web import Personimport app.web.Person as Pe......

_______-
昨天
5
0
Redis性能问题排查解决手册

一、性能相关的数据指标 通过Redis-cli命令行界面访问到Redis服务器,然后使用info命令获取所有与Redis服务相关的信息。通过这些信息来分析文章后面提到的一些性能指标。 nfo命令输出的数据可...

IT--小哥
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部