利用script來改變文字

在Flex裡面使用script,非常的容易而且類似於javascript,所以如果你有基本的DHTML概念,對你來講,這些可能都只是小咖。

這個簡單的例子,可以讓你在最短的時間當中對Flex裡面的script用法有最基本的概念。我們只希望做出一個當按鈕按下去就會出現文字內容的小東西,如圖所示:

利用按鈕來產生文�

以下是這裡面的程式碼:

<?xml version="1.0"?> 
  <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="276" height="189"> 
  <mx:Script> 
    <![CDATA[ 
      public function handleClick():void { 
        mytext.text="嘿嘿~你偷按我喔?"; 
      } 
    ]]> 
  </mx:Script> 
  <mx:Button id="button1" label="按我" width="100"  click="handleClick();" fontSize="12"/> 
  <mx:TextArea id="mytext" height="39"/> 
</mx:Application>

在這裡,我們只撰寫了一個function,也就是顯示輸入框文字的function;在這裡,只有一行程式碼最為重要,那就是:mytext.text=""。如果你對javascript相當熟悉的話,相信你對這行程式碼應該一點也不會感到陌生,它的意思就是「指定名為mytext的節點內的文字內容為…」;因此在這裡我們所說的就是「指定名為mytext的節點內的文字內容為”嘿嘿~你偷按我喔?”」。

因此我們在往下面就可以看到兩個精簡的程式碼,一行是負責啟動function的程式碼,一行則是我們剛剛所提到的mytext物件。

在按鈕裡面,我們設定用click來觸發function,當然你也可以設定用其他的方式來觸發。你可以看到,其實在Flex裡面使用script,在概念上跟DHTML以及DOM的概念並無不同,如果你熟悉javascript,相信你會很容易上手。

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s