先看看效果其实是会碰到问题滴sencha touch里,tabBar只有设在上面或者下面的时候,才能正常显示。如果设置到左侧的话,默认就会产生这样的结果:要解决这个问题,我的第一反应就是用css。但是那无疑增加了复杂度。(我确实也那么搞过,麻烦得要命)其实只要对sencha to ...
先看看效果
其实是会碰到问题滴
sencha touch里,tabBar只有设在上面或者下面的时候,才能正常显示。
如果设置到左侧的话,默认就会产生这样的结果:
要解决这个问题,我的第一反应就是用css。但是那无疑增加了复杂度。(我确实也那么搞过,麻烦得要命)
其实只要对sencha touch的布局熟一点,分析一下,很容易就能找到问题的关键。
水平一排过来的Tab1,Tab2,Tab3按钮,这是什么?这不就是hbox布局吗!
OK,也就是说要让它变成垂直的,只需要把hbox布局改为vbox布局即可。
第一个措施
因为Tab1,Tab2,Tab3是在TabBar里面的,所以我们把tabBar的layout改为vbox。
代码如下:
tabBar : {tabBar : {tabBar : {Ext.setup({
原标题:Sencha Touch 1.x TabPanel的左侧TabBar
关键词:
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。