|
1: 2016-02-28 (日) 17:06:38 njf |
| + | 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 ); |
Counter: 1887,
today: 1,
yesterday: 1