1

我正在尝试在 sencha touch 2 中创建类似于网格视图的 Android。网格视图应该有 9 个按钮,3 行和 3 列。我对 sencha 很陌生,我一直在谷歌搜索,但无法获得解决方案。请指导我这样做。

4

1 回答 1

2

基本上你有两个选择:

  1. 具有布局的容器,vbox其中包含三个具有hbox布局的子项

  2. 具有布局的容器,hbox其中包含三个具有vbox布局的子项

有关布局的更多信息在这里

我将采用第一个选项,因为它是 Kitchen Sink演示中的一个示例:

layout: {
    type : 'vbox',
    pack : 'center',
    align: 'stretch'
},

defaults: {
    xtype: 'container',
    flex : 1,
    layout: {
        type : 'hbox',
        align: 'middle'
    },
    defaults: {
        xtype : 'button',
        margin: 15
    }
},

items: [
    {
        items: [
            {text: 'Normal'},
            {ui: 'round', text: 'Round'},
            {ui: 'small', text: 'Small'}
        ]
    },

    {
        items: [
            {ui: 'decline', text: 'Decline'},
            {ui: 'decline-round', text: 'Round'},
            {ui: 'decline-small', text: 'Small'}
        ]
    },
    {
        items: Ext.os.deviceType.toLowerCase() == "phone" ? [
            {ui: 'confirm', text: 'Confirm'},
            {ui: 'confirm-round', text: 'Round'},
            {ui: 'confirm-small', text: 'Small'}
        ] : [
            {ui: 'confirm', text: 'Confirm'},
            {ui: 'confirm-round', text: 'Round'},
            {ui: 'confirm-small', text: 'Small'}
        ]
    }
] 

演示:http ://www.senchafiddle.com/#XFHkg#sZTqH

于 2013-04-02T15:49:57.763 回答