ページへ戻る
印刷
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 TextFiel...
titleRenderer.textFormat = new TextFormat(MY_FONT, 3...
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 );
結果はこちら。
&ref(header.png,mw:480,mh:360);
ヘッダー程度なら自分で作っても良いが、こちらの方が書式を...
このページのソースはこちら。
&ref(HeaderTest.as);
StarlingWrapper.STAGE_WIDTHとかは適当に書き換えてください。
終了行:
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 TextFiel...
titleRenderer.textFormat = new TextFormat(MY_FONT, 3...
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 );
結果はこちら。
&ref(header.png,mw:480,mh:360);
ヘッダー程度なら自分で作っても良いが、こちらの方が書式を...
このページのソースはこちら。
&ref(HeaderTest.as);
StarlingWrapper.STAGE_WIDTHとかは適当に書き換えてください。
ページ名: