0

我是 Flex 4 菜鸟，所以请耐心等待...

我想做类似的事情：

主.mxml

<s:HGroup id="animals">

    <s:Button name="dog">Dog Name</s:Button>
    <s:Button name="bird">Bird Name</s:Button>
    <s:Button name="cat">Cat Name</s:Button>

</s:HGroup>

#animals s|Button 的皮肤

<?xml version="1.0" encoding="utf-8"?>
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" minWidth="40" minHeight="22">

    <fx:Metadata>
       [HostComponent("spark.components.Button")]
    </fx:Metadata>

    <s:states>
        <s:State name="up" />
        <s:State name="over" />
        <s:State name="down" />
        <s:State name="disabled" />
    </s:states>

    <s:BitmapImage width="104" height="54" source="@Embed('../../assets/img/animals/__PUT_HERE_BUTTON_NAME__.png')"/>

    <s:Label
    id="labelDisplay"
    textAlign="center"
    color="0xffffff"
    fontFamily="CuteFont"
    fontWeight="bold"
    fontSize="15"
    width="100%"
    top="64"
    />
</s:Skin>

我是否必须扩展 Button 组件或者我应该如何继续？

4

2 回答 2

1

Add.png 的位置必须在 flex 项目的 src 目录中。如果它在其他地方，那么您需要指定 Add.png 及其位置。

于 2015-05-18T18:22:47.110 回答
0

使用图标属性 (Object) 和所需的 iconBitmapImage (BitmapImage) 外观部件创建自定义 Button。

它是图标设置器，将此属性应用于 iconBitmapImage 的源属性。

然后你应该能够做类似的事情：

<s:CustomButton name="dog" icon="@Embed('../../assets/img/animals/dog.png')" />
于 2011-03-31T13:34:22.440 回答