Как установить фоновое изображение для кнопки?

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"); 
}