Starling+Feathersのヘッダー のソース :: NJF Wiki

• 差分^[1] を表示
• Starling+Feathersのヘッダー^[2] へ行く。

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とかは適当に書き換えてください。

• Starling+Feathersのヘッダー のバックアップ一覧^[4]
• Starling+Feathersのヘッダー のバックアップソース(No. All)
  • 1: 2016-02-28 (日) 17:06:38^[5] njf^[6]
  • 2: 2016-02-28 (日) 17:10:39^[7] njf^[6]
  • 現: 2016-03-01 (火) 13:46:33 njf^[6]