Alloy DAY 013: Grid Layout

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

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

[cc lang=”ruby” width=”100%” height=”auto” line_numbers=”true” theme=”blackboard” nowrap=”false”]
$.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”
[/cc]
Loading Facebook Comments ...

コメントを残す

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