apache-flex - flex 4.5 简单的 Spark 按钮蒙皮

Question

有没有人错过了为简单按钮蒙皮的旧简单方法？

<mx:Button x="10" y="10" label=""
           upSkin="@Embed('imgs/mainButton_std.png')"
           overSkin="@Embed('imgs/mainButton_over.png')"
           downSkin="@Embed('imgs/mainButton_over.png')"
           disabledSkin="@Embed('imgs/mainButton_std.png')"
           creationComplete="mainButtonHitArea()"
           width="75" height="75" id="menuButton" enabled="true"/>
//mainButtonHitArea() : Is a generic function that generates the hit area

我遇到的问题是，这种创建带有皮肤的简单按钮的方法正在被淘汰:事实上，flex 4.5 移动项目不再支持它。

所以问题是:是否有一种简单的方法来执行此操作，使用 Spark 按钮(这应该是新的方法)。尽可能简单。

基本上我只需要一个带有 2 个图像的按钮:向下/向上和向上。而且我想让代码尽可能简单:新的皮肤方法，似乎真的为过去像上面的例子一样简单的东西添加了太多的行。

Answer 1

您可以创建一个皮肤，即(如 MyButtonSkin.mxml):

<?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin name="MyButtonSkin"
             xmlns:fx="http://ns.adobe.com/mxml/2009" 
             xmlns:s="library://ns.adobe.com/flex/spark" 
             xmlns:fb="http://ns.adobe.com/flashbuilder/2009">
    <s:states>
        <s:State name="up" />
        <s:State name="over" />
        <s:State name="down" />
        <s:State name="disabled" />
    </s:states>    
    <fx:Metadata>
        <![CDATA[
        [HostComponent("spark.components.Button")]
        ]]>
    </fx:Metadata>    
    <s:BitmapImage source.disabled="@Embed('assets/image1.png')" 
                source.down="@Embed('assets/image2.png')" 
                source.up="@Embed('assets/image3.png')" 
                source.over="@Embed('assets/image4.png')" />
</s:SparkSkin>

然后你可以将该皮肤分配给某个按钮:

<s:Button skinClass="MyButtonSkin"/>