参考:
按钮有3个状态,up down disabled。这里区别于source,source.down,source.disabled,而是每个状态单独一个image。
且每个单独的<image>标签有一个特别的属性includeIn,这里表示该图片的状态。
<e:RadioButton id="testBtn" label="" x="398" y="62" anchorOffsetX="0" width="142" anchorOffsetY="0" height="62">
<e:skinName>
<e:Skin states="up,down,disabled">
<e:Image width="100%" height="100%" source="book_scale1_0_png" includeIn="up" id="radio_pic_up"/>
<e:Image width="100%" height="100%" source="book_scale1_1_png" includeIn="down" id="radio_pic_down"/>
<e:Image width="100%" height="100%" source="book_scale1_2_png" includeIn="disabled" id="radio_pic_disabled"/>
<e:Label id="labelDisplay" horizontalCenter="0" verticalCenter="0"/>
</e:Skin>
</e:skinName>
</e:RadioButton>
代码中根据图片id获取按钮的图片["radio_pic_up"],再赋值新的texture就可以动态改变按钮的图片了。
this.testBtn["radio_pic_up"].texture = RES.getRes("0_png");
this.testBtn["radio_pic_down"].texture = RES.getRes("1_png");
this.testBtn["radio_pic_disabled"].texture = RES.getRes("2_png");