Advanced Search

SkinnablePopUpContainer Skin Class

/ Published in: ActionScript 3
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
  3.         xmlns:fb="http://ns.adobe.com/flashbuilder/2009" 
  4. 		alpha.disabled="0.5" xmlns:skins="org.corlan.dialog.skins.*">
  5.  
  6.     <fx:Metadata>
  7.     <![CDATA[ 
  8.         /** 
  9.          * @copy spark.skins.spark.ApplicationSkin#hostComponent
  10.          */
  11.         [HostComponent("spark.components.SkinnablePopUpContainer")]
  12.     ]]>
  13.     </fx:Metadata> 
  14.  
  15.     <s:states>
  16.         <s:State name="normal"/>
  17.         <s:State name="disabled"/>
  18.         <s:State name="closed" stateGroups="closedGroup"/>
  19.         <s:State name="disabledAndClosed" stateGroups="closedGroup"/>
  20.     </s:states>
  21.  
  22.     <!-- Transitions for open and close -->
  23.     <s:transitions>
  24.         <s:Transition fromState="closed" toState="normal" autoReverse="true">
  25.             <s:Fade duration="150" target="{chrome}"/>
  26.         </s:Transition>
  27.  
  28.         <s:Transition fromState="disabledAndClosed" toState="disabled" autoReverse="true">
  29.             <s:Fade duration="150" target="{chrome}"/>
  30.         </s:Transition>
  31.  
  32.         <s:Transition fromState="normal" toState="closed" autoReverse="true">
  33.             <s:Fade duration="150" target="{chrome}"/>
  34.         </s:Transition>
  35.  
  36.         <s:Transition fromState="disabled" toState="disabledAndClosed" autoReverse="true">
  37.             <s:Fade duration="150" target="{chrome}"/>
  38.         </s:Transition>
  39.     </s:transitions>
  40.  
  41.     <!--- Defines the background and content group used by this skin. -->
  42.     <s:Group id="chrome" left="0" right="0" top="0" bottom="0" visible.closedGroup="false">
  43.         <!--- 
  44. 		Defines the appearance of the SkinnablePopUpContainer class's background. 
  45. 		In this case a FXG file is used to draw the background.
  46. 		-->
  47. 		<skins:BackGroundAlert id="background" left="0" right="0" top="0" bottom="0"/>
  48.         <!--- @copy spark.components.SkinnableContainer#contentGroup -->
  49.         <s:Group id="contentGroup" left="0" right="0" top="0" bottom="0" minWidth="0" minHeight="0">
  50.             <s:layout>
  51.                 <s:BasicLayout/>
  52.             </s:layout>
  53.         </s:Group>
  54.     </s:Group>
  55.  
  56. </s:Skin>

URL: http://corlan.org/?p=3088

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.