修改前:

修改后:

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

     }

     }

    }

   }