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" |
