2010年3月27日 星期六

Importing classes and packages

Flex3 實現舞台(Stage)和程式碼(as)分離的功能 原文出處可以在 Adobe livedoc 內找到,http://livedocs.adobe.com/flex/3/html/usingas_5.html#150297 ,該文件內有 Demo 展示,實作步驟如下:

一、建立舞台 Application

1.先建立一個空的舞台 File>New>MXML Application
2.拖曳一個 Button 物件到舞台上
3.在右側 Flex Properties 內找到 Common ,設定 Button 的 id 為 myButton,label 為 Click Me
4.在右側 Flex Properties 內找到 Events ,設定 Button 的 click 為 myButton.label=mc.returnAString()
5.點擊 Source 可以看到原始碼如下:
  
  
  
     

6.現在加上行號5-10變成如下
<?xml version="1.0"?>
<!-- usingas/AccessingPackagedClasses.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Script><![CDATA[
        import MyPackage.Util.MyClass;

        private var mc:MyClass = new MyClass;

    ]]></mx:Script>

    <mx:Button id="myButton" label="Click Me" click="myButton.label=mc.returnAString()"/>

</mx:Application>

二、撰寫 class

1.建立一個空的 class ,File > New > ActionScript Class
2.Package 內填入 MyPackage.Util
3.Name 內填入 MyClass
4.Flex3 Builder 自動產生如下的框架
package MyPackage.Util{
 public class MyClass{
  public function MyClass(){}
 }
}
5.撰寫以下程式碼
package MyPackage.Util{
  public class MyClass{
    private var s:String;
    public function MyClass(){}
    public function returnAString():String{  
      s="42";  
      return s;  
    }
  }
}
6.點擊 Run 鈕即可觀看成果

沒有留言:

張貼留言