actionscript-3 - 如何使 Flex 按钮的背景透明

Question

我想制作一个背景透明的 Flex 按钮，以便将 css 应用到页面并影响 flash。

我试过了，但没有成功:

<mx:Button skin="{null}" x="0" y="0" label="Submit"/>

Answer 1

使用 Spark Button 时，您可以应用自定义外观，省去所有 chrome。
您可以像这样应用自定义皮肤:

<s:Button label="Submit" skinClass="TransparentButtonSkin"/>

@Panciz 的解决方案可能会奏效，但通过简单地省略所有不需要的组件，皮肤可以变得更轻。

<!--TransparentButtonSkin.mxml-->
<s:SparkButtonSkin xmlns:fx="http://ns.adobe.com/mxml/2009"
                   xmlns:s="library://ns.adobe.com/flex/spark"
                   alpha.disabled="0.5">

    <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:Rect id="hitZone" left="0" right="0" top="0" bottom="0">
        <s:fill>
            <s:SolidColor alpha="0"/>
        </s:fill>
    </s:Rect>

    <s:Label id="labelDisplay" left="0" right="0" top="0" bottom="0"
             horizontalCenter="0" verticalCenter="0"
             textAlign="center" maxDisplayedLines="1" verticalAlign="middle"/>

</s:SparkButtonSkin>

注意 hitzone 透明图形:这是必要的，否则您会点击按钮的透明部分。