Не нарушают ли фильтры скины colorizeExclusion в оболочках Flex 4.5 и, если да, есть ли обходной путь? - PullRequest
1 голос
/ 16 июля 2011

Я создал оболочку для кнопки зажигания MXML во Flex 4.5, которая, кажется, прекрасно работает, за исключением того, что в выключенном состоянии он игнорирует мой массив colorizeExclusion (который в настоящее время защищает текстовую метку и выделение на кнопку). только разница между состоянием "вверх" и "состоянием вниз" заключается в том, что я применяю внутреннюю тень в состоянии "вниз".

StackOverflow не позволяет мне публиковать изображения, потому что я новый пользователь, поэтому я разместил некоторые в другом месте:

Состояние Up

up state

В нерабочем состоянии

down state

Видите, как выделение и текст окрашены синим цветом на втором изображении? Это просто неправильно .

Если я не накладываю никаких ограничений на состояние этой внутренней тени, я вижу ту же проблему: мои 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? Есть ли обходной путь? Я сделал что-то глупое? Я действительно в растерянности, здесь.

1 Ответ

0 голосов
/ 16 июля 2011

Краткий обзор:

static private const exclusions:Array = ["labelDisplay", "highlight"];

Не думаю, что это должно быть статичным, попробуйте удалить его и посмотреть, что произойдет.

...