更改Flex切換按鈕的背景顏色

Question

選擇切換按鈕時，最簡單的更改背景顏色的方法是什么？

我嘗試為按鈕創建自定義外觀並將其應用到downSkin屬性，但是我不知道如何從外觀中更改背景顏色。 另外，如果可能的話，我也想避免使用圖像作為背景。

Answer 1

希望我了解您的需求。

在皮膚文件中，狀態upAndSelected是選擇切換按鈕時需要指定顏色的狀態。 您可以從Flex復制生成的外觀代碼以對其進行修改，也可以檢查以下代碼。 將其添加到<!--第2層下的</s:Rect>標記下：填充@private->`

<s:Rect id="fill2" left="1" right="1" top="1" bottom="1" radiusX="2">
    <s:fill>
        <s:LinearGradient rotation="90">
        <s:GradientEntry color="0xFFFFFF"
                         color.upAndSelected="#333333" // you can modify color here
                         alpha="0.85" 
                         />

        <s:GradientEntry color="0xD8D8D8" 
                         color.upAndSelected="red" // you can modify color here 
                         alpha.downAndSelected="1" />
        </s:LinearGradient>
    </s:fill>
</s:Rect>

將上面的代碼粘貼到

 <!-- layer 2: fill -->
    <!--- @private -->
    <s:Rect id="fill" left="1" right="1" top="1" bottom="1" radiusX="2">
        <s:fill>
            <s:LinearGradient rotation="90">
                <s:GradientEntry color="0xFFFFFF" 
                               color.selectedUpStates="0xBBBDBD"
                               color.overStates="0xBBBDBD" 
                               color.downStates="0xAAAAAA" 
                               alpha="0.85" 
                               alpha.overAndSelected="1" />
                <s:GradientEntry color="0xD8D8D8" 
                               color.selectedUpStates="0x9FA0A1"
                               color.over="0x9FA0A1" 
                               color.overAndSelected="0x8E8F90"
                               color.downStates="0x929496" 
                               alpha="0.85"
                               alpha.overAndSelected="1" />
            </s:LinearGradient>
        </s:fill>
    </s:Rect>

希望能幫助到你。

Answer 2

沒有簡單的方法。 最好的選擇是打開Flash Professional並創建外觀。 然后使用如下樣式將該外觀分配給按鈕作為樣式：

MyButton.setStyle('skin', mySkin);

[如果您指的是Spark ToggleButton，而不是Halo ToggleButton，則此建議可能不適用[