ページへ戻る
+ Links
印刷
Starling+Feathersのヘッダー
の編集 ::
NJF Wiki
xpwiki
:
Starling+Feathersのヘッダー
の編集
Starling+Feathersのヘッダー の編集
詳細な入力項目を表示
ページタイトル
( 空白で自動設定 )
:
ページ並び順
( 0-9 小数可 標準:1 )
:
ページ別名
(複数は[
改行
]で区切る)
:
ページ内容:
FeathersにはHeaderコンポーネントがあり、名前の通りヘッダーを表示してくれる。 var header:Header = new Header(); header.title = "設定"; header.backgroundSkin = new Quad(10, 10, 0x0000ff); header.width = STAGE_WIDTH; header.height = STAGE_HEIGHT * 0.1; これで表示される。タイトルのテキストの書式を修正する場合は、 header.titleFactory = function():ITextRenderer { var titleRenderer:TextFieldTextRenderer=new TextFieldTextRenderer(); titleRenderer.textFormat = new TextFormat(MY_FONT, 32,0xffffff); return titleRenderer; } のように、titleFactoryを設定する。 左右にボタンなどを配置することもできる。 var backButton:Button = new Button(); backButton.defaultSkin = new Quad(60, 20, 0xff0000); backButton.label = "back"; header.leftItems = new <DisplayObject>[backButton]; header.paddingLeft = 10; baseSp.addChild( header ); 結果はこちら。 &ref(header.png,mw:480,mh:360); ヘッダー程度なら自分で作っても良いが、こちらの方が書式をそろえやすいので便利。 このページのソースはこちら。 &ref(HeaderTest.as); StarlingWrapper.STAGE_WIDTHとかは適当に書き換えてください。
編集の要約:
Q & A 認証:
ページ更新時は次の質問にお答えください。(プレビュー時は必要ありません)
Q:
「東京」の読みがな？(ひらがなで)
A:
お名前:
タイムスタンプを変更しない
テキスト整形のルールを表示する
添付ファイル
:
HeaderTest.as
624件
[
詳細
]
header.png
108件
[
詳細
]
![[PukiWiki]](https://njf.jp/cms/modules/xpwiki/image/pukiwiki.png "[PukiWiki]")
HeaderTest.as
header.png