加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 （https://www.lidatong.com.cn/）- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置： 首页 > 百科 > 正文

flex 学习笔记 alert皮肤

发布时间：2020-12-15 04:41:32 所属栏目：百科 来源：网络整理
导读：? ? xml ? version = "1.0" ? encoding = "utf-8" ? ? ? s:Application ? name = "Alert_SparkSkin_cornerRadius_test" ? ????????? xmlns:fx = "http://ns.adobe.com/mxml/2009" ? ????????? xmlns:mx = "library://ns.adobe.com/flex/halo" ? ????????? xm

?

 
 
    

  1. <?xml?version="1.0"?encoding="utf-8"?>?
    2. 
  
  
  2. 
?<s:Application?name="Alert_SparkSkin_cornerRadius_test"?

    3. 
  
  
  3. 
?????????xmlns:fx="http://ns.adobe.com/mxml/2009"?

    4. 
  
  
  4. 
?????????xmlns:mx="library://ns.adobe.com/flex/halo"?

    5. 
  
  
  5. 
?????????xmlns:s="library://ns.adobe.com/flex/spark">?

    6. 
  
  
  6. ?? ?
    7. 
  
  
  7. 
?????<fx:Style>?

    8. 
  
  
  8. ?????????@namespace?mx?"library://ns.adobe.com/flex/halo"; ?
    9. 
  
  
  9. ?? ?
    10. 
  
  
  10. ?????????mx|Alert?{ ?
    11. 
  
  
  11. ?????????????borderSkin:?ClassReference("skins.CustomAlertSkin"); ?
    12. 
  
  
  12. ?????????} ?
    13. 
  
  
  13. 
?????</fx:Style>?

    14. 
  
  
  14. ?? ?
    15. 
  
  
  15. 
?????<fx:Script>?

    16. 
  
  
  16. 
?????????<![CDATA[ ?
    17. 
  
  
  17. ?????????????import?mx.controls.Alert; ?
    18. 
  
  
  18. ?????????]]>?
    19. 
  
  
  19. 
?????</fx:Script>?

    20. 
  
  
  20. ?? ?
    21. 
  
  
  21. 
?????<s:Button?id="btn"?

    22. 
  
  
  22. 
?????????????label="show?Alert"?

    23. 
  
  
  23. 
?????????????click="Alert.show('The?quick?brown?fox?jumps?over?the?lazy?dog.',?'Alert?title');"?

    24. 
  
  
  24. 
?????????????horizontalCenter="0"?

    25. 
  
  
  25. 
?????????????verticalCenter="0"?/>?

    26. 
  
  
  26. ?? ?
    27. 
  
  
  27. 
?</s:Application>?

    28.

2 皮肤文件：

 
 
    

  1. <?xml?version="1.0"?encoding="utf-8"?>?
    2. 
  
  
  2. 
?<s:SparkSkin?name="CustomAlertSkin"?

    3. 
  
  
  3. 
?????????xmlns:fx="http://ns.adobe.com/mxml/2009"?

    4. 
  
  
  4. 
?????????xmlns:s="library://ns.adobe.com/flex/spark"?

    5. 
  
  
  5. 
?????????implements="mx.core.IRectangularBorder">?

    6. 
  
  
  6. ?? ?
    7. 
  
  
  7. 
?????<fx:Script>?

    8. 
  
  
  8. 
?????????<![CDATA[ ?
    9. 
  
  
  9. ?????????import?mx.core.EdgeMetrics; ?
    10. 
  
  
  10. ?????????import?mx.core.IUIComponent; ?
    11. 
  
  
  11. ?? ?
    12. 
  
  
  12. ?????????/*?Define?the?skin?elements?that?should?not?be?colorized. ?
    13. 
  
  
  13. ????????????For?panel,?border?and?title?backround?are?skinned,?but?the?content?area?and?title?text?are?not.?*/ ?
    14. 
  
  
  14. ?????????static?private?const?exclusions:Array?=?["background"]; ?
    15. 
  
  
  15. ?????????override?public?function?get?colorizeExclusions():Array?{return?exclusions;} ?
    16. 
  
  
  16. ?? ?
    17. 
  
  
  17. ?????????/*?Define?the?content?fill?items?that?should?be?colored?by?the?"contentBackgroundColor"?style.?*/ ?
    18. 
  
  
  18. ?????????static?private?const?contentFill:Array?=?["bgFill"]; ?
    19. 
  
  
  19. ?????????override?public?function?get?contentItems():Array?{return?contentFill}; ?
    20. 
  
  
  20. ?? ?
    21. 
  
  
  21. ?????????private?var?_metrics:EdgeMetrics?=?new?EdgeMetrics(1,?32,?1,?1); ?
    22. 
  
  
  22. ?????????public?function?get?borderMetrics():EdgeMetrics?{ ?
    23. 
  
  
  23. ?????????????var?hasPanelParent:Boolean?=?isPanel(parent); ?
    24. 
  
  
  24. ?????????????var?controlBar:IUIComponent?=?hasPanelParent???Object(parent).mx_internal::_controlBar?:?null; ?
    25. 
  
  
  25. ?? ?
    26. 
  
  
  26. ?????????????if?(controlBar?&&?controlBar.includeInLayout)?{ ?
    27. 
  
  
  27. ?????????????????_metrics.bottom?=?controlBar.getExplicitOrMeasuredHeight()?+?1; ?
    28. 
  
  
  28. ?????????????}?else?{ ?
    29. 
  
  
  29. ?????????????????_metrics.bottom?=?1; ?
    30. 
  
  
  30. ?????????????} ?
    31. 
  
  
  31. ?????????????return?_metrics; ?
    32. 
  
  
  32. ?????????} ?
    33. 
  
  
  33. ?? ?
    34. 
  
  
  34. ?????????public?function?get?backgroundImageBounds():Rectangle?{ ?
    35. 
  
  
  35. ?????????????return?null; ?
    36. 
  
  
  36. ?????????} ?
    37. 
  
  
  37. ?? ?
    38. 
  
  
  38. ?????????public?function?set?backgroundImageBounds(value:Rectangle):void?{ ?
    39. 
  
  
  39. ?????????} ?
    40. 
  
  
  40. ?? ?
    41. 
  
  
  41. ?????????public?function?get?hasBackgroundImage():Boolean?{ ?
    42. 
  
  
  42. ?????????????return?false; ?
    43. 
  
  
  43. ?????????} ?
    44. 
  
  
  44. ?? ?
    45. 
  
  
  45. ?????????public?function?layoutBackgroundImage():void?{ ?
    46. 
  
  
  46. ?????????} ?
    47. 
  
  
  47. ?? ?
    48. 
  
  
  48. ?????????override?protected?function?updateDisplayList(unscaledWidth:Number,?unscaledHeight:Number):void?{ ?
    49. 
  
  
  49. ?????????????var?em:EdgeMetrics?=?borderMetrics; ?
    50. 
  
  
  50. ?? ?
    51. 
  
  
  51. ?????????????if?(em.bottom?>?1)?{ ?
    52. 
  
  
  52. ?????????????????cbbg.height?=?em.bottom?-?1; ?
    53. 
  
  
  53. ?????????????????cbdiv.bottom?=?cbbg.height; ?
    54. 
  
  
  54. ?????????????????cbbg.visible?=?cbdiv.visible?=?true; ?
    55. 
  
  
  55. ?????????????}?else?{ ?
    56. 
  
  
  56. ?????????????????cbbg.visible?=?cbdiv.visible?=?false; ?
    57. 
  
  
  57. ?????????????} ?
    58. 
  
  
  58. ?????????????super.updateDisplayList(unscaledWidth,?unscaledHeight); ?
    59. 
  
  
  59. ?????????} ?
    60. 
  
  
  60. ?? ?
    61. 
  
  
  61. ?????????private?static?var?panels:Object?=?{}; ?
    62. 
  
  
  62. ?? ?
    63. 
  
  
  63. ?????????private?static?function?isPanel(parent:Object):Boolean?{ ?
    64. 
  
  
  64. ?????????????var?s:String?=?getQualifiedClassName(parent); ?
    65. 
  
  
  65. ?????????????if?(panels[s]?==?1)?{ ?
    66. 
  
  
  66. ?????????????????return?true; ?
    67. 
  
  
  67. ?????????????} ?
    68. 
  
  
  68. ?????????????if?(panels[s]?==?0)?{ ?
    69. 
  
  
  69. ?????????????????return?false; ?
    70. 
  
  
  70. ?????????????} ?
    71. 
  
  
  71. ?????????????if?(s?==?"mx.containers::Panel")?{ ?
    72. 
  
  
  72. ?????????????????panels[s]?==?1; ?
    73. 
  
  
  73. ?????????????????return?true; ?
    74. 
  
  
  74. ?????????????} ?
    75. 
  
  
  75. ?? ?
    76. 
  
  
  76. ?????????????var?x:XML?=?describeType(parent); ?
    77. 
  
  
  77. ?????????????var?xmllist:XMLList?=?x.extendsClass.(@type?==?"mx.containers::Panel"); ?
    78. 
  
  
  78. ?????????????if?(xmllist.length()?==?0)?{ ?
    79. 
  
  
  79. ?????????????????panels[s]?=?0; ?
    80. 
  
  
  80. ?????????????????return?false; ?
    81. 
  
  
  81. ?????????????} ?
    82. 
  
  
  82. ?????????????panels[s]?=?1; ?
    83. 
  
  
  83. ?????????????return?true; ?
    84. 
  
  
  84. ?????????} ?
    85. 
  
  
  85. ?????????]]>?
    86. 
  
  
  86. 
?????</fx:Script>?

    87. 
  
  
  87. ?? ?
    88. 
  
  
  88. 
?????<fx:Declarations>?

    89. 
  
  
  89. 
?????????<fx:Number?id="rad">10</fx:Number>?

    90. 
  
  
  90. 
?????</fx:Declarations>?

    91. 
  
  
  91. ?? ?
    92. 
  
  
  92. 
?????<!--?drop?shadow?-->?

    93. 
  
  
  93. 
?????<s:Rect?left="0"?top="0"?right="0"?bottom="0"?radiusX="{rad}"?radiusY="{rad}">?

    94. 
  
  
  94. 
?????????<s:filters>?

    95. 
  
  
  95. 
?????????????<s:DropShadowFilter?blurX="20"?blurY="20"?alpha="0.32"?distance="11"?angle="90"?knockout="true"?/>?

    96. 
  
  
  96. 
?????????</s:filters>?

    97. 
  
  
  97. 
?????????<s:fill>?

    98. 
  
  
  98. 
?????????????<s:SolidColor?color="0"?/>?

    99. 
  
  
  99. 
?????????</s:fill>?

    100. 
  
  
  100. 
?????</s:Rect>?

    101. 
  
  
  101. ?? ?
    102. 
  
  
  102. 
?????<!--?layer?1:?border?-->?

    103. 
  
  
  103. 
?????<s:Rect?left="0"?right="0"?top="0"?bottom="0"?radiusX="{rad}"?radiusY="{rad}">?

    104. 
  
  
  104. 
?????????<s:stroke>?

    105. 
  
  
  105. 
?????????????<s:SolidColorStroke?color="0"?alpha="0.50"?weight="1"?/>?

    106. 
  
  
  106. 
?????????</s:stroke>?

    107. 
  
  
  107. 
?????</s:Rect>?

    108. 
  
  
  108. ?? ?
    109. 
  
  
  109. 
?????<!--?layer?2:?background?fill?-->?

    110. 
  
  
  110. 
?????<s:Rect?id="background"?left="1"?top="1"?right="1"?bottom="1"?radiusX="{rad}"?radiusY="{rad}">?

    111. 
  
  
  111. 
?????????<s:fill>?

    112. 
  
  
  112. 
?????????????<s:SolidColor?color="0xFFFFFF"?id="bgFill"?/>?

    113. 
  
  
  113. 
?????????</s:fill>?

    114. 
  
  
  114. 
?????</s:Rect>?

    115. 
  
  
  115. ?? ?
    116. 
  
  
  116. 
?????<!--?layer?5:?control?bar?background?-->?

    117. 
  
  
  117. 
?????<s:Rect?id="cbbg"?left="1"?right="1"?bottom="1"?height="20"?radiusX="{rad}"?radiusY="{rad}">?

    118. 
  
  
  118. 
?????????<s:fill>?

    119. 
  
  
  119. 
?????????????<s:SolidColor?color="0xE8E8E8"?/>?

    120. 
  
  
  120. 
?????????</s:fill>?

    121. 
  
  
  121. 
?????</s:Rect>?

    122. 
  
  
  122. ?? ?
    123. 
  
  
  123. 
?????<!--?layer?6:?control?bar?divider?line?-->?

    124. 
  
  
  124. 
?????<s:Rect?id="cbdiv"?left="1"?right="1"?bottom="20"?height="1">?

    125. 
  
  
  125. 
?????????<s:fill>?

    126. 
  
  
  126. 
?????????????<s:SolidColor?color="0xCDCDCD"?/>?

    127. 
  
  
  127. 
?????????</s:fill>?

    128. 
  
  
  128. 
?????</s:Rect>?

    129. 
  
  
  129. ?? ?
    130. 
  
  
  130. 
?</s:SparkSkin>

    131.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
    相关内容
      推荐文章
        站长推荐
        热点阅读

          【免责声明】本站内容转载自互联网，其发布内容言论不代表本站观点，如果其链接、内容的侵犯您的权益，烦请提交相关链接至邮箱bqsm@foxmail.com我们将及时予以处理。

          建议您使用1920×1080分辨率、谷歌浏览器Google Chrome、Microsoft Edge以获得本站的最佳浏览效果

          Copygight © 2008-2022 https://www.lidatong.com.cn/ All Rights Reserved. 李大同