有时按钮会有一个需求。放置一个按钮底图,按钮文字是特效字体,也是一张图。

1   1个普通按钮

eui.Button 上放置两张图片-LMLPHP

eui.Button 上放置两张图片-LMLPHP

<e:Button label="" x="" y="">
<e:skinName>
<e:Skin states="up,down,disabled">
<e:Image width="100%" height="100%" source="on_png" source.down="off_png"/>
<e:Label id="labelDisplay" horizontalCenter="" verticalCenter=""/>
</e:Skin>
</e:skinName>
</e:Button>

2 可以在exml 按钮源码里加上一张图

eui.Button 上放置两张图片-LMLPHP

<e:Button label="" x="" y="" anchorOffsetX="" width="" anchorOffsetY="" height="">
<e:skinName>
<e:Skin states="up,down,disabled">
<e:Image width="100%" height="100%" source="on_png" source.down="off_png"/>
<e:Image source="btn_png" verticalCenter="0" horizontalCenter="0"/>
<e:Label id="labelDisplay" horizontalCenter="" verticalCenter=""/>
</e:Skin>
</e:skinName>
</e:Button>

eui.Button 上放置两张图片-LMLPHP

05-12 06:59