码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-04-13 19:12:19      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:

修改前:

技术分享

修改后:

技术分享

在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‘);

     }

     }

    }

   }

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

标签:

原文地址:http://my.oschina.net/caimingkai/blog/400513

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!