Starling+Feathersのヘッダー のバックアップソース(No.2) :: NJF Wiki

• 差分^[1] を表示
• 現在との差分^[2] を表示
• バックアップ No.2 を復元して編集^[3]
• Starling+Feathersのヘッダー^[4] へ行く。

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 );

ヘッダー程度なら自分で作っても良いが、こちらの方が書式をそろえやすいので便利。

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