修改前:
修改后:
在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‘);
}
}
}
}
原文：http://my.oschina.net/caimingkai/blog/400513