Alloy DAY 013: Grid Layout


DAY 013 は Grid Layout を構築するための widget を紹介。
Appcelerator 公式の Widget です。com.appcelerator.buttongrid こちらを Clone してみてください。
README に沿うと簡単につくれてしまう。Widget は本当に便利だ。

ex) 画像ボタンをグリッド配置する場合

1
2
3
4
5
6
7
8
9
10
11
12
13
$.buttongrid.init
    buttons: [
        { id: 'p0', backgroundImage: "/d/photo_0.png"}
        { id: 'p1', backgroundImage: "/d/photo_1.png"}
        { id: 'p2', backgroundImage: "/d/photo_2.png"}
        { id: 'p3', backgroundImage: "/d/photo_3.png"}
        { id: 'p4', backgroundImage: "/d/photo_4.png"}
        { id: 'p5', backgroundImage: "/d/photo_5.png"}
    ]
    buttonWidth: 99
    buttonHeight: 99
    backgroundColor: "#333"
    backgroundSelectedColor: "#666"
Loading Facebook Comments ...

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です