Posted By

mcorlan on 08/11/11


Tagged

mobile alert skins Flex


Versions (?)

SkinnablePopUpContainer Skin Class


 / Published in: ActionScript 3
 

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

  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>

Report this snippet  

You need to login to post a comment.