ページへ戻る
+ Links
印刷
Starling+FeathersのScrollContainerを使う
の編集 ::
NJF Wiki
xpwiki
:
Starling+FeathersのScrollContainerを使う
の編集
Starling+FeathersのScrollContainerを使う の編集
詳細な入力項目を表示
ページタイトル
( 空白で自動設定 )
:
ページ並び順
( 0-9 小数可 標準:1 )
:
ページ別名
(複数は[
改行
]で区切る)
:
ページ内容:
モバイルアプリでよくある、指でドラッグしてスクロールするUIはScrollContainerを使う。 まずは初期化。 var container:ScrollContainer = new ScrollContainer(); container.width = 300; container.height = 200; container.scrollBarDisplayMode = Scroller.SCROLL_BAR_DISPLAY_MODE_FIXED; container.verticalScrollPolicy = Scroller.SCROLL_POLICY_ON; container.verticalScrollBarFactory = function():ScrollBar { var scrollBar:ScrollBar = new ScrollBar(); scrollBar.direction = ScrollBar.DIRECTION_VERTICAL; scrollBar.trackLayoutMode = ScrollBar.TRACK_LAYOUT_MODE_SINGLE; scrollBar.thumbFactory = function ():Button { var button:Button = new Button(); button.defaultSkin = new Quad(2, 50, 0x000000); return button; } scrollBar.minimumTrackFactory = function ():Button { var button:Button = new Button(); button.defaultSkin = new Quad(2, 20, 0x999999); return button; } return scrollBar; } addChild(container); ここでverticalScrollBarFactoryとminimumTrackFactoryは右側に表示されるスクロールバーを矩形で定義している。 実際には自前の画像などを設定することが多い。 あとは内容をつけるだけ。スクロールバーは内容のサイズに合わせて自動で表示してくれる。 container.addChild(yourImageOrSprite); アイコンを並べたりするのも可能。 実際に使っているのがこちら。 http://njf.jp/?p=4238
編集の要約:
Q & A 認証:
ページ更新時は次の質問にお答えください。(プレビュー時は必要ありません)
Q:
「大阪」の読みがな?(ひらがなで)
A:
お名前:
タイムスタンプを変更しない
テキスト整形のルールを表示する
添付ファイル
: