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 );
結果はこちら。
ヘッダー程度なら自分で作っても良いが、こちらの方が書式をそろえやすいので便利。
このページのソースはこちら。
StarlingWrapper[3].STAGE_WIDTHとかは適当に書き換えてください。
(This host) = https://njf.jp