Flex元件篇：Button

javaprogramers發表於2006-05-25
Flex元件

Button元件是Flex的最常用的控制元件之一，最普通的事件響應是滑鼠單擊。
建立Button元件

<mx:Button id='button1' label='Hello world!' width='100'/>

 

1.


新增按鈕圖示
Flex中允許在編譯的時候和執行的時候匯入圖片，但是按鈕圖示必須在編譯的時候匯入。必須使用@Embed語法在icon屬性中，在Flex中可以支援JPEG、GIF、SVG、SWF或 PNG 格式的檔案。如：

 <mx:Button label='About' icon='@Embed('images/logo.gif')' />

 

1.

千萬要注意的是：如果要匯入swf檔案的話，不能使用任何AS2.0的類和Flash元件，否則就無法匯入。
另外的方法是可以在指令碼中使用[Embed]標記來新增。

<mx:Script>

 

2. <![CDATA[

3.     [Embed(source='images/logo.png')]

4. ]]>

5. </mx:Script>

1.


假如你必須要在執行的時候匯入圖片的話，請使用<mx:Image>標記替換<mx:Button>標記。例如：

<mx:Image source='@Embed('images/logo.gif')' />

 

1.


新增事件響應
最常用的按鈕事件響應是Click事件

<mx:Button label='Save' width='90' click='save()'/>

 

1.


使用按鈕效果

<mx:Button id='myButton' mouseOverEffect='Zoom' />

 

1.

 

相關文章