Starling+Feathersでボタン のバックアップソース(No.3) :: NJF Wiki

• 差分^[1] を表示
• 現在との差分^[2] を表示
• バックアップ No.3 を復元して編集^[3]
• Starling+Feathersでボタン^[4] へ行く。

最低限以下のコードで動く。

 var btn:Button = new Button();
 btn.addEventListener(Event.TRIGGERED, onTapHandler);
 btn.defaultSkin = new Image(assets.getTexture(BTN_IMG_NAME));
 btn.defaultIcon = new Image(assets.getTexture(BTN_ICON_NAME));
 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
というパラメーターでポイント単位で微調整可能。

モバイルだと画像を多く用意するとメモリを圧迫するので、downSkinを使うよりスケールで対応するのが便利。Imageのcolorプロパティを使ったり半透明画像を重ねたりする方法もある。

• Starling+Feathersでボタン のバックアップ一覧^[7]
• Starling+Feathersでボタン のバックアップソース(No. All)
  • 1: 2015-05-24 (日) 07:20:25^[8] njf^[9]
  • 2: 2015-05-24 (日) 07:25:09^[10] njf^[9]
  • 3: 2015-05-28 (木) 15:41:48 njf^[9]
  • 現: 2015-06-01 (月) 00:24:01^[11] njf^[9]