Question

<mx:Button id="callButton" x="35" y="6" width="202" height="45" label="Call" alpha="1.0"
borderColor="#FFF600" click="callOneClick(event)"
fillAlphas="[0.94, 1.0, 0.47, 0.47]" fillColors="[#FEDC00, #FEBC00]" fontSize="16"/>

这是我在mxml文件中使用的按钮。如何将.png背景图像设置为我的按钮并仍然有按钮标签？

Answer 1

Flex 3 mx按钮允许您通过在MXML中设置外观属性来将图像设置为按钮的背景。您可以使用向上/向上/向下值设置不同的状态。您的标签将显示在您设置的图像上方，但fillColours和fillAlphas将不再有任何效果。

<mx:Button id="callButton" 
    label="Call"
    overSkin="@Embed(source='../assets/over_skin.png')"
    upSkin="@Embed(source='../assets/up_skin.png')"
    downSkin="@Embed(source='../assets/down_skin.png')"/>

http://livedocs.adobe.com/flex/3/html/help.html?content=skinning_3.html

您还可以使用CSS中的样式分配它们并设置按钮的styleName属性。你的CSS看起来像这样：

.myButtonStyle {
    upSkin: ClassReference("../assets/up_skin.png");
    overSkin: ClassReference("../assets/over_skin.png");
    downSkin: ClassReference("../assets/down_skin.png");
}

如何设置按钮的背景图像？

1 个答案: