Flex4 设置button按钮背景图片（up,down,over等各状态）

Flex4 - 设置button按钮背景图片（up,down,over等各状态）

Flex4中，如果要设置spark组件的button按钮背景图，可以通过自定义皮肤来实现。在皮肤中添加BitmapImage组件，分别设置在各个状态下的图片即可（同时背景图可使用9宫格样式，便于拉伸）。代码如下：

--- 按钮皮肤 ImageBgButtonSkin.mxml ---

flashbuilder/2009"
             min min
             alpha.disabled="0.5">
      
    
        
    
     
    
    
        
        
        
        
    
     
    
           
    
       

--- 使用 ---

Flex3 - 设置button按钮背景图片（up,down,over等各状态）有所有不同具体如下

在Flex3中，使用样式可以很方便的设置按钮在各状态下的背景图片，比如按下，弹起，移入，失效等。同时，这些图片还可以使用9宫格样式，以适应按钮的不同尺寸。

.btn1 {

    overSkin: Embed("over.png",

        scaleGridTop="13", scaleGridBottom="49", scaleGridLeft="15", scaleGridRight="237");

    upSkin: Embed("up.png",

        scaleGridTop="13", scaleGridBottom="49", scaleGridLeft="15", scaleGridRight="237");

    downSkin: Embed("down.png",

        scaleGridTop="13", scaleGridBottom="49", scaleGridLeft="15", scaleGridRight="237");

    disabledSkin: Embed("disabled.png",

        scaleGridTop="13", scaleGridBottom="49", scaleGridLeft="15", scaleGridRight="237");

}