flex学习笔记皮肤（五）为titlewindow标题栏添加可以操作的子项

柔情只为你懂 2022-01-16 07:07 139阅读 0赞

效果：初始化效果：

[![171646335.png][]][171646335.png]

mouse over的效果：

[![171734804.png][]][171734804.png]

代码：

1.  <?xml version="1.0" encoding="utf-8"?>
2.  <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
3.  xmlns:s="library://ns.adobe.com/flex/spark"
4.  xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
5.  creationComplete="init()">
6.  <fx:Declarations>
7.  
8.  </fx:Declarations>
9.  <fx:Script>
10. <!\[CDATA\[ 
11.  import spark.components.Image; 
12.  var helpBtn:Image = new Image; 
13.  public function init():void\{ 
14.  createChildren() 
15.  \} 
16.  /\*\*重写skinablecontainer的createchildren方法\*/ 
17.  override protected function createChildren():void\{ 
18.  super.createChildren(); 
19.  helpBtn.source = "assets/updateTipOut.png"; 
20.  helpBtn.addEventListener(MouseEvent.MOUSE\_OVER,helpBtnOver); 
21.  helpBtn.left = 65; 
22.  helpBtn.top = -25; 
23.  lab.addElement(helpBtn); 
24.  \} 
25.  protected function helpBtnOver(event:MouseEvent):void 
26.  \{ 
27.  helpBtn.source ="assets/updateTipOver.png"; 
28.  \} 
29. 
30.  \]\]>
31. </fx:Script>
32. <s:TitleWindow id="lab" width="523" height="456" title="123131"/>
33. </s:Application>

上述代码 指的是：在as代码中给titlewindow加一个addelement，里面添加一个组件，重写了titlewindow的父类的父类的。。。的父类skinablecontainer的createChildren方法

转载于:https://blog.51cto.com/aqqle/895555

[171646335.png]: https://s1.51cto.com/attachment/201206/171646335.png
[171734804.png]: https://s1.51cto.com/attachment/201206/171734804.png