sencha touch之让tabPanel的tab居中

Sencha Touch Tab居中

最新推荐文章于 2024-03-16 16:33:40 发布

原创最新推荐文章于 2024-03-16 16:33:40 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#sench touch

Sencha Touch 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在Sencha Touch中实现TabPanel顶部标签居中显示的方法。通过设置tabBar的布局属性为pack:'center'，成功解决了标签无法居中的问题。

		var topTablePanel = Ext.create('Ext.TabPanel', {
			fullscreen : true,
			tabBarPosition : 'top',
			
			defaults: {
		        styleHtmlContent: true
		    },

			tabBar:
		    {		        
		        ui:'light',
		        //注意这里................这里就是让其居中的
		        layout:{
		            pack:'center'
		        }
		    },

		    items : [
		    	....
		    ]
		});

好久没写东西了，最近学习sencha touch ，看资料看得头昏脑胀的。。

抽空再记点东西，就当是学习之余的放松了。。

今天遇到的问题是 tabPanel当tabBarPosition : 'top'时，其tab没法居中的问题，折腾了半天，下面的代码就能解决这个问题（初学者，伤不起啊）