在Gui中对Button换皮相当的给力:
Gui.Button.skinName = new egret.gui.ButtonSkin(normal_resource, up_resource , disable_resource);
但是在EUI中没有ButtonSkin类.所以找到了其他方法.
我用三种按钮进行测试 : 1,有自定义皮肤的按钮 2,没有自定义皮肤的按钮(三种状态都有resource图片) , 3,new的Button
测试View:
一 : 自定义皮肤情况
①,自定义皮肤 : AonauflyButton.exml
②,现在一个ButtonDemo.exml用于显示如上图.建一个Button,设置他的皮肤为我们的自定义皮肤
命名 : btn_demo
二 : 使用默认Button(三种状态都有resource图片)
命名 : btn_demo2
三 : 自定义一个Button , 命名 : $btn_demo3
代码如下:
module app { export class ButtonDemo extends eui.Component implements eui.UIComponent { private btn_demo : eui.Button; private btn_demo2 : eui.Button; private $btn_demo3 : eui.Button; public constructor() { super(); this.skinName = "resource/eui_skins/ButtonDemo.exml"; } private handlerListener( isAdd : boolean ) : void{ this.touchEnabled = isAdd; if( isAdd ){ this.addEventListener( egret.TouchEvent.TOUCH_TAP , this.onclick , this ); }else{ this.removeEventListener( egret.TouchEvent.TOUCH_TAP , this.onclick , this ); } } private onclick( $e : egret.TouchEvent ) : void{ this.btn_demo.enabled = !this.btn_demo.enabled; this.btn_demo2.enabled = !this.btn_demo2.enabled; this.$btn_demo3.enabled = !this.$btn_demo3.enabled; } protected childrenCreated():void{ super.childrenCreated(); this.handlerListener(true); this.btn_demo.label="第一种情况"; this.btn_demo.icon = RES.getRes("button_down_png"); this.baseChildren4BTN(this.btn_demo); this.changeChildren4BTN( this.btn_demo ); egret.log("===== 第二种情况 ====="); this.baseChildren4BTN( this.btn_demo2 ); this.changeChildren4BTN( this.btn_demo2 ); egret.log("===== 第三种情况 ====="); this.$btn_demo3 = new eui.Button(); this.$btn_demo3.label = "第三种情况"; this.$btn_demo3.x = this.$btn_demo3.y = 250; this.addChild( this.$btn_demo3 ); this.baseChildren4BTN( this.$btn_demo3 ); this.changeChildren4BTN( this.$btn_demo3 ); } private baseChildren4BTN(btn : eui.Button) : void{ let $img2Btn_normal : eui.Image =要更改normal :
要更改 up , disable :(可以同时有alpha和source , 可以同时得修改他们)
//******************************************************************************************************************
补充
public static setBtnSkin(btn: eui.Button, upImg, downImg, enableImg = null): void { if (btn.skin.states[0].overrides[0]["value"] == upImg && btn.skin.states[1].overrides[0]["value"] == downImg && btn.skin.states[2].overrides[0]["value"] == enableImg) return; btn.skin.states[1].overrides[0]["value"] = downImg; if (btn.enabled) btn.skin.states[2].overrides[0]["value"] = btn.skin.states[0].overrides[0]["value"]; else btn.skin.states[0].overrides[0]["value"] = btn.skin.states[2].overrides[0]["value"] btn.enabled = !btn.enabled; DelayCall.call(1, EuiUtil.releaseBtn, EuiUtil, [btn, !btn.enabled, upImg, enableImg == null ? upImg : enableImg]) } private static releaseBtn(btn: eui.Button, flag: boolean, upimg: string, disimg: string) { btn.skin.states[0].overrides[0]["value"] = upimg; btn.skin.states[2].overrides[0]["value"] = disimg; btn.enabled = flag; }另外有需要云服务器可以了解下创新互联cdcxhl.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。