ページへ戻る
印刷
Starling+Feathersでボタン
をテンプレートにして作成 ::
NJF Wiki
xpwiki
:Starling+Feathersでボタン をテンプレートにして作成
開始行:
Starlingにもボタンクラスがあるのだが、機能的にはFeathers...
最低限以下のコードで動く。
var btn:Button = new Button();
btn.addEventListener(Event.TRIGGERED, onTapHandler);
btn.defaultSkin = new Image(assets.getTexture(BTN_IMG_NA...
btn.defaultIcon = new Image(assets.getTexture(BTN_ICON_N...
addChild(btn);
function onTapHandler(e:Event):void{
trace("tap!");
}
アイコンの代わりにテキストを指定することも可能。
でもこれだと押したとき、マウスが乗ったときが分からないの...
btn.useHandCursor = true;//マウスオーバーでハンドカーソル
btn.scaleWhenDown = 1.1;//押したときに1.1倍に
btn.scaleWhenHovering = 1.03;//マウスオーバーで1.03倍に
などと指定する。
他にもマウスオーバー、使用不可のボタンの画像自体を変えた...
hoverIcon
hoverSkin
disabledSkin
disabledIcon
downSkin
downIcon
などのプロパティに画像を指定すると良い。アイコンの細かな...
iconOffsetX
iconOffsetY
というパラメーターでポイント単位で微調整可能。
モバイルだと画像を多く用意するとメモリを圧迫するので、dow...
終了行:
Starlingにもボタンクラスがあるのだが、機能的にはFeathers...
最低限以下のコードで動く。
var btn:Button = new Button();
btn.addEventListener(Event.TRIGGERED, onTapHandler);
btn.defaultSkin = new Image(assets.getTexture(BTN_IMG_NA...
btn.defaultIcon = new Image(assets.getTexture(BTN_ICON_N...
addChild(btn);
function onTapHandler(e:Event):void{
trace("tap!");
}
アイコンの代わりにテキストを指定することも可能。
でもこれだと押したとき、マウスが乗ったときが分からないの...
btn.useHandCursor = true;//マウスオーバーでハンドカーソル
btn.scaleWhenDown = 1.1;//押したときに1.1倍に
btn.scaleWhenHovering = 1.03;//マウスオーバーで1.03倍に
などと指定する。
他にもマウスオーバー、使用不可のボタンの画像自体を変えた...
hoverIcon
hoverSkin
disabledSkin
disabledIcon
downSkin
downIcon
などのプロパティに画像を指定すると良い。アイコンの細かな...
iconOffsetX
iconOffsetY
というパラメーターでポイント単位で微調整可能。
モバイルだと画像を多く用意するとメモリを圧迫するので、dow...
ページ名: