ページへ戻る

− Links

 印刷 

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

xpwiki:Starling+Feathersのヘッダー のバックアップソース(No.1)

  Next »[5]
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();

 //styles here
 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 );

  Next »[5]