九宫格布局练习

最新推荐文章于 2019-05-29 15:36:32 发布

sailei666

最新推荐文章于 2019-05-29 15:36:32 发布

阅读量290

点赞数

分类专栏： Sencha Touch 文章标签： layout

本文链接：https://blog.csdn.net/sailei666/article/details/84085286

版权

Sencha Touch 专栏收录该内容

34 篇文章 0 订阅

订阅专栏




Ext.create('Ext.Container', {
    fullscreen: true,
    layout: 'vbox',
	defaults: {
                flex: 1,
                width: '100%',
                padding: 10,
                defaults: {
                    flex: 1,
                    height: '100%',
                    margin: 10
                }    
            },
    items: [
        {
                xtype: 'panel',
                layout: 'hbox',
                items:[
                    {xtype:'button',text:'按钮1'},
                    {xtype:'button',text:'按钮2'},
					{xtype:'button',text:'按钮3'},

                ],
				  flex: 1
        },
        {
            xtype: 'panel',
                layout: 'hbox',
                items:[
                    {xtype:'button',text:'按钮1'},
                    {xtype:'button',text:'按钮2'},
					{xtype:'button',text:'按钮3'},

                ],
				  flex: 1
        },
		 {
           xtype: 'panel',
                layout: 'hbox',
                items:[
                    {xtype:'button',text:'按钮1'},
                    {xtype:'button',text:'按钮2'},
					{xtype:'button',text:'按钮3'},

                ],
				  flex: 1
        },
		 {
            xtype: 'panel',
                layout: 'hbox',
                items:[
                    {xtype:'button',text:'按钮1'},
                    {xtype:'button',text:'按钮2'},
					{xtype:'button',text:'按钮3'},

                ],
				  flex: 1
        }
    ]
});

sailei666

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
九宫格布局练习

[code="js"]Ext.create('Ext.Container', { fullscreen: true, layout: 'vbox', defaults: { flex: 1, width: '100%', padding: 10, ...
复制链接

扫一扫