Question

我尝试为Spark按钮构建Flex 4外观，这是一种典型的做法。我根据自己的喜好调整了颜色和其他样式，包括使用点选择器在不同状态下指定替代颜色等。但是，禁用该按钮时会忽略这些内容。无论我做什么，在禁用状态下，我的按钮总是有错误的颜色，并且alpha为0.5（即使我特别声明alpha.disabled =“1”）。所有其他皮肤状态按预期工作。这是怎么回事？

这是我的自定义皮肤。如果它正常工作，它似乎没有阴影或高光，并且将是渐变灰色。相反，它显示为up状态的50％alpha版本（闪亮的绿色）。

<?xml version="1.0" encoding="utf-8"?>
<s:SparkButtonSkin xmlns:fx="http://ns.adobe.com/mxml/2009" 
             xmlns:s="library://ns.adobe.com/flex/spark" 
             xmlns:fb="http://ns.adobe.com/flashbuilder/2009"
             minWidth="21" minHeight="21" alpha.disabled="1">

    <fx:Metadata>
        <![CDATA[ 
            [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="backgroundAndShadow" left="0" right="0" top="0" bottom="0" radiusX="5" radiusY="5">
        <s:filters>
            <s:DropShadowFilter blurX="5" blurY="5" blurX.down="3" blurY.down="3" alpha="0.5" distance="1" distance.down="0" angle="90" excludeFrom="disabled" />
        </s:filters>
        <s:fill>
            <s:LinearGradient rotation="90">
                <s:GradientEntry color.up="#00AD00" color="#007A00" color.disabled="#cccccc" />
                <s:GradientEntry color.up="#29FF29" color="#00F500" color.disabled="#bbbbbb" />
            </s:LinearGradient>
        </s:fill>
    </s:Rect>

    <s:Rect id="highlight" left="1" right="1" top="1" height="50%" topLeftRadiusX="4" topLeftRadiusY="4" topRightRadiusX="4" topRightRadiusY="4" excludeFrom="disabled">
        <s:fill>
            <s:LinearGradient rotation="90">
                <s:GradientEntry color="#ffffff" alpha="0.8" />
                <s:GradientEntry color="#ffffff" alpha="0.3" />
            </s:LinearGradient>
        </s:fill>
    </s:Rect>

    <s:Label id="labelDisplay"
             textAlign="center"
             horizontalCenter="0" verticalCenter="1" verticalAlign="middle"
             color="#ffffff" color.disabled="#555555"
             fontWeight="bold"
             left="2" right="2" top="2" bottom="2">

        <s:filters>
            <s:DropShadowFilter blurX="3" blurY="3" alpha="0.5" distance="1" distance.down="0" angle="90" excludeFrom="disabled" />
        </s:filters>
    </s:Label>

</s:SparkButtonSkin>

我还使用Flash Builder的皮肤创建向导/对话框为Button自动生成了皮肤。即使这样，在禁用模式下专门将alpha设置为1也没有效果。

修改
这是用于创建然后禁用按钮的代码：

_action1Button = new Action1Button();
view.actionGroup.addElement(_action1Button);
_action1Button.enabled = false;

错误是_action1Button不是实际按钮，而是按钮的容器。卫生署！将其切换为_action1Button.actionButton.enabled = false;可解决问题。

Answer 1

你的皮肤对我来说很好。我在启用状态下获得一个绿色按钮，然后启用时没有阴影的灰色渐变为false。我测试了这个（TestSkin是你上面张贴的皮肤）：

<s:Button skinClass="TestSkin" enabled="false" />

我认为问题与你如何使用皮肤有关。你可以发布定义按钮本身的代码吗？

Flex 4按钮皮肤禁用alpha设置被忽略？

1 个答案: