1: 2016-02-28 (日) 17:06:38 njf[5] [6] [7] | |||
---|---|---|---|
Line 1: | Line 1: | ||
+ | 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 ); |
(This host) = https://njf.jp