ページへ戻る

− Links

 印刷 

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

xpwiki:Starling+Feathersのヘッダー

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

結果はこちら。

header.png[1]

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

このページのソースはこちら。

fileHeaderTest.as[2]

StarlingWrapper編集[3].STAGE_WIDTHとかは適当に書き換えてください。


Last-modified: 2016-03-01 (火) 05:46:33 (JST) (2977d) by njf