Ad

モバイルアプリでよくある、指でドラッグしてスクロールする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


トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード印刷に適した表示   ページ新規作成 全ページ一覧 単語検索 最新ページの一覧   ヘルプ   最新ページのRSS 1.0 最新ページのRSS 2.0 最新ページのRSS Atom Powered by xpWiki
Counter: 795, today: 1, yesterday: 0
初版日時: 2015-05-28 (木) 15:32:20
最終更新: 2015-05-28 (木) 15:32:20 (JST) (1215d) by njf
広告

ログイン

ユーザー名:


パスワード:





パスワード紛失


NJF