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

修改前:

修改后:

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

}

}

}

}