Starling+FeathersのScrollContainerを使う をテンプレートにして作成 :: NJF Wiki

開始行:
モバイルアプリでよくある、指でドラッグしてスクロールするU... まずは初期化。 var container:ScrollContainer = new ScrollContainer(); container.width = 300; container.height = 200; container.scrollBarDisplayMode = Scroller.SCROLL_BAR_DIS... container.verticalScrollPolicy = Scroller.SCROLL_POLICY_... container.verticalScrollBarFactory = function():ScrollBar { var scrollBar:ScrollBar = new ScrollBar(); scrollBar.direction = ScrollBar.DIRECTION_VERTICAL; scrollBar.trackLayoutMode = ScrollBar.TRACK_LAYOUT_MODE... 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

終了行:
モバイルアプリでよくある、指でドラッグしてスクロールするU... まずは初期化。 var container:ScrollContainer = new ScrollContainer(); container.width = 300; container.height = 200; container.scrollBarDisplayMode = Scroller.SCROLL_BAR_DIS... container.verticalScrollPolicy = Scroller.SCROLL_POLICY_... container.verticalScrollBarFactory = function():ScrollBar { var scrollBar:ScrollBar = new ScrollBar(); scrollBar.direction = ScrollBar.DIRECTION_VERTICAL; scrollBar.trackLayoutMode = ScrollBar.TRACK_LAYOUT_MODE... 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

ページ名: