Zurück   Flashforum > Flex und AIR > Flex programmieren

Antwort
 
LinkBack Themen-Optionen Ansicht
Alt 23-08-2011, 13:58   #1 (permalink)
Neuer User
 
Registriert seit: Dec 2005
Ort: Oldenburg
Beiträge: 2.681
Flex4 Dropdownlist Transition

Hi,

ich versuche gerade verzweifelt bei einer Flex4 (spark) DropDownList eine Transition hinzuzufügen. Sprich, dass das DropDown leicht einfadet oder sowas in die Richtung...



Mein CustomSkin sieht derzeit so aus - weiß einer was davon nicht stimmt? Eigentlich habe ich ja nicht viel geändert... Nur die Transition zwischen den States eingefügt.

Code:
    <?xml version="1.0" encoding="utf-8"?><s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"     xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabled=".5">     <!-- host component -->    <fx:Metadata>    <![CDATA[         /**          * @copy spark.skins.spark.ApplicationSkin#hostComponent         */        [HostComponent("spark.components.DropDownList")]    ]]>    </fx:Metadata>     <fx:Script fb:purpose="styling">        <![CDATA[                                    /* Define the content fill items that should be colored by the "contentBackgroundColor" style. */            static private const contentFill:Array = ["bgFill"];                        /**             * @private             */            override public function get contentItems():Array {return contentFill};                        /**             * @private             */            override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void            {                if (getStyle("borderVisible") == false)                {                    if (border)                        border.visible = false;                    if (background)                    {                        background.left = background.top = background.right = background.bottom = 0;                    }                    if (scroller)                        scroller.minViewportInset = 0;                }                else                {                    if (border)                        border.visible = true;                    if (background)                    {                        background.left = background.top = background.right = background.bottom = 1;                    }                    if (scroller)                        scroller.minViewportInset = 1;                }                                if (dropShadow)                    dropShadow.visible = getStyle("dropShadowVisible");                                openButton.setStyle("cornerRadius", getStyle("cornerRadius"));                                if (borderStroke)                {                    borderStroke.color = getStyle("borderColor");                    borderStroke.alpha = getStyle("borderAlpha");                }                super.updateDisplayList(unscaledWidth, unscaledHeight);            }        ]]>    </fx:Script>        <s:states>        <s:State name="normal" />        <s:State name="open" />        <s:State name="disabled" />    </s:states>                <s:transitions>        <s:Transition fromState="normal" toState="open">            <s:Fade target="{popUp}" duration="3000" />        </s:Transition>    </s:transitions>    <!---         The PopUpAnchor control that opens the drop-down list.                 <p>In a custom skin class that uses transitions, set the         <code>itemDestructionPolicy</code> property to <code>none</code>.</p>    -->    <s:PopUpAnchor id="popUp"  displayPopUp.normal="false" displayPopUp.open="true" includeIn="open"        left="0" right="0" top="0" bottom="0" itemDestructionPolicy="never"        popUpPosition="below" popUpWidthMatchesAnchorWidth="true">                <!---               This includes borders, background colors, scrollers, and filters.              @copy spark.components.supportClasses.DropDownListBase#dropDown        -->        <s:Group id="dropDown">                    <!--- @private -->            <s:RectangularDropShadow id="dropShadow" blurX="20" blurY="20" alpha="0.45" distance="7"                  angle="90" color="#000000" left="0" top="0" right="0" bottom="0"/>                    <!--- @private -->            <s:Rect id="border" left="0" right="0" top="0" bottom="0">                <s:stroke>                    <!--- border stroke @private -->                    <s:SolidColorStroke id="borderStroke" weight="1"/>                </s:stroke>            </s:Rect>            <!-- fill -->            <!--- Defines the appearance of drop-down list's background fill. -->            <s:Rect id="background" left="1" right="1" top="1" bottom="1" >                <s:fill>                <!---                      The color of the drop down's background fill.                    The default color is 0xFFFFFF.                -->                    <s:SolidColor id="bgFill" color="0xFFFFFF" />                </s:fill>            </s:Rect>                        <!--- @private -->            <s:Scroller id="scroller" left="0" top="0" right="0" bottom="0" hasFocusableChildren="false" minViewportInset="1">                <!--- @copy spark.components.SkinnableDataContainer#dataGroup-->                <s:DataGroup id="dataGroup" itemRenderer="spark.skins.spark.DefaultItemRenderer">                    <s:layout>                        <s:VerticalLayout gap="0" horizontalAlign="contentJustify" requestedMinRowCount="1" requestedMaxRowCount="6"/>                    </s:layout>                </s:DataGroup>             </s:Scroller>        </s:Group>    </s:PopUpAnchor>        <!---  The default skin is DropDownListButtonSkin.             @copy spark.components.supportClasses.DropDownListBase#openButton            @see spark.skins.spark.DropDownListButtonSkin -->    <s:Button id="openButton" left="0" right="0" top="0" bottom="0" focusEnabled="false" tabEnabled="false"        skinClass="spark.skins.spark.DropDownListButtonSkin" />              <!--- @copy spark.components.DropDownList#labelDisplay -->    <s:Label id="labelDisplay" verticalAlign="middle" maxDisplayedLines="1"         mouseEnabled="false" mouseChildren="false"        left="7" right="30" top="2" bottom="2" width="75" verticalCenter="1" /> </s:SparkSkin>
__________________
Meine Website
Freue mich über jeden Besucher. :)
Nico B. ist offline   Mit Zitat antworten
Alt 23-08-2011, 14:13   #2 (permalink)
Perverted Hermit
 
Benutzerbild von Omega Psi
 
Registriert seit: Mar 2004
Ort: Bremen
Beiträge: 13.355
Zitat:
The PopUpAnchor component is used to position a control that pops up or drops down, such as a DropDownList component, in layout. Because a popup or drop-down control is added to the display list by the PopUpManager, it doesn't normally participate in layout. The PopUpAnchor component is a UIComponent that is added to a container and is laid out. It is then responsible for sizing and positioning the popup or drop-down control relative to itself. It has no visual appearance.
Nimm mal dropDown als target.
Omega Psi ist offline   Mit Zitat antworten
Alt 23-08-2011, 14:15   #3 (permalink)
undefined
 
Benutzerbild von mildesign
 
Registriert seit: Jul 2001
Ort: Stuttgart
Beiträge: 1.859
öhm
Zitat:
Zitat von AS Comment
<!---
The PopUpAnchor control that opens the drop-down list.

<p>In a custom skin class that uses transitions, set the
<code>itemDestructionPolicy</code> property to <code>none</code>.</p>
-->
bei dir ist es auf "never" gesetzt.
__________________
mfg Frank
mildesign ist offline   Mit Zitat antworten
Alt 23-08-2011, 14:23   #4 (permalink)
Neuer User
 
Registriert seit: Dec 2005
Ort: Oldenburg
Beiträge: 2.681
mildesign:

Liegt daran, dass es den parameter "none" gar nicht mehr gibt - das scheint aus einer alten Zeit zu sein.


@Omega:
Danke
__________________
Meine Website
Freue mich über jeden Besucher. :)

Geändert von Nico B. (23-08-2011 um 14:24 Uhr)
Nico B. ist offline   Mit Zitat antworten
Antwort

Lesezeichen

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks sind an
Pingbacks sind an
Refbacks sind an


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
DropDownList selectedItem deklarieren hothead89 Flex programmieren 4 02-05-2011 17:14
DropDownList, Anzahl der Elemente in Box ändern? toosten Flex programmieren 2 21-04-2011 17:15
Probleme beim Skinnen von Flex4 Modulen, die von Flex4 Modulen nachgeladen werden chrisdutz Flex programmieren 1 09-09-2010 10:40


Alle Zeitangaben in WEZ +1. Es ist jetzt 09:13 Uhr.

Domains, Webhosting & Vserver von Host Europe
Unterstützt das Flashforum!
Adobe User Group


Copyright ©1999 – 2014 Marc Thiele