1

sencha touch 2 でグリッド ビューのような Android を作成しようとしています。グリッド ビューには、3 行 3 列の 9 つのボタンが必要です。私は煎茶に非常に慣れていません。グーグルで検索しましたが、解決策を得ることができませんでした。これを行うように私を導いてください。

4

1 に答える 1

2

基本的に、次の 2 つのオプションがあります。

  1. vboxレイアウト付きの3 つの子アイテムを含むhboxレイアウト付きのコンテナー

  2. hboxレイアウト付きの3 つの子アイテムを含むvboxレイアウト付きのコンテナー

レイアウトについて詳しくはこちら

これは Kitchen Sink demoの例であるため、最初のオプションを使用します。

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 に答える