flex 4.5简单的火花按钮剥皮

发布时间：2020-12-15 01:45:02 所属栏目：百科来源：网络整理

导读：有人错过了为简单按钮设置皮肤的旧方法吗？ 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/mai

有人错过了为简单按钮设置皮肤的旧方法吗？

<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移动项目不再支持它.

所以问题是：是否有一种简单的方法来执行此操作,使用火花按钮(这被认为是新的方式).尽可能简单.

基本上我只需要一个带有2个图像的按钮：向下/向上&起来.我想让代码保持尽可能简单：新的蒙皮方法似乎真的为以前的例子提供了过多的线条.

解决方法

你可以创建一个皮肤,即(作为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"/>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!