Я создал оболочку для кнопки зажигания MXML во Flex 4.5, которая, кажется, прекрасно работает, за исключением того, что в выключенном состоянии он игнорирует мой массив colorizeExclusion (который в настоящее время защищает текстовую метку и выделение на кнопку). только разница между состоянием "вверх" и "состоянием вниз" заключается в том, что я применяю внутреннюю тень в состоянии "вниз".
StackOverflow не позволяет мне публиковать изображения, потому что я новый пользователь, поэтому я разместил некоторые в другом месте:
Состояние Up
![up state](https://i.stack.imgur.com/K34gY.png)
В нерабочем состоянии
![down state](https://i.stack.imgur.com/T2A52.png)
Видите, как выделение и текст окрашены синим цветом на втором изображении? Это просто неправильно .
Если я не накладываю никаких ограничений на состояние этой внутренней тени, я вижу ту же проблему: мои colorizeExclusion игнорируются, поэтому, похоже, он не имеет никакого отношения к состояниям или к любому CSS для конкретного состояния (которого нет в любом случае, в любом случае).
Вот код скина кнопки:
<?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"
xmlns:fxg="assets.fxg.*"
minWidth="18" minHeight="18"
alpha.disabled="0.5">
<fx:Metadata>
<![CDATA[
/**
* @copy spark.skins.spark.ApplicationSkin#hostComponent
*/
[HostComponent("spark.components.Button")]
]]>
</fx:Metadata>
<fx:Script fb:purpose="styling">
<![CDATA[
import spark.components.Group;
/* Define the skin elements that should not be colorized.
For button, the graphics are colorized but the label is not. */
static private const exclusions:Array = ["labelDisplay", "highlight"];
/**
* @private
*/
override public function get colorizeExclusions():Array {return exclusions;}
/**
* @private
*/
override protected function initializationComplete():void
{
useChromeColor = true;
super.initializationComplete();
}
]]>
</fx:Script>
<!-- states -->
<s:states>
<s:State name="up" />
<s:State name="over" />
<s:State name="down" />
<s:State name="disabled" />
</s:states>
<s:Group left="0" right="0" top="0" bottom="0">
<!-- Background -->
<s:Group id="background" left="0" right="0" top="0" bottom="0">
<fxg:GlassButtonBack excludeFrom="over" left="0" right="0" top="0" bottom="0"/>
<fxg:GlassButtonBackBright includeIn="over" left="0" right="0" top="0" bottom="0"/>
</s:Group>
<!-- layer 8: text -->
<!--- @copy spark.components.supportClasses.ButtonBase#labelDisplay -->
<s:Label id="labelDisplay" left="16" right="16" top="8" bottom="8"
fontWeight="bold" horizontalCenter="0" maxDisplayedLines="1" textAlign="center"
verticalAlign="middle" verticalCenter="1"/>
<s:Rect id="highlight" left="3" right="3" top="3" height="40%" radiusX="6" radiusY="6">
<s:fill>
<s:LinearGradient rotation="90">
<s:entries>
<s:GradientEntry ratio="0" alpha="0.9" color="#FFFFFF" />
<s:GradientEntry ratio="1" alpha="0" color="#FFFFFF" />
</s:entries>
</s:LinearGradient>
</s:fill>
</s:Rect>
<s:filters>
<s:DropShadowFilter includeIn="down" inner="true" color="#000000" blurX="10" blurY="10" angle="90"/>
</s:filters>
</s:Group>
Кто-нибудь знает, что здесь происходит? Это ошибка Flex? Есть ли обходной путь? Я сделал что-то глупое? Я действительно в растерянности, здесь.