Flex中通过icon样式给LinkButton控件设置一个图标的例子

By Minidxer | September 4, 2008

接下来的例子演示了Flex中如何通过icon样式，给LinkButton控件设置一个图标。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：


下面是完整代码(或点击这里察看)：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application name="LinkButton_icon_test"
  3.         xmlns:mx="http://www.adobe.com/2006/mxml"
  4.         layout="vertical"
  5.         verticalAlign="middle"
  6.         backgroundColor="white">
  7.  
  8.     <mx:LinkButton id="linkButton"
  9.             label="LinkButton"
  10.             icon="@Embed('assets/LinkButton.png')" />
  11.  
  12. </mx:Application>

下面是同样功能的ActionScript代码：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application name="LinkButton_icon_test"
  3.         xmlns:mx="http://www.adobe.com/2006/mxml"
  4.         layout="vertical"
  5.         verticalAlign="middle"
  6.         backgroundColor="white"
  7.         initialize="init();">
  8.  
  9.     <mx:Script>
  10.         <![CDATA[
  11.             import mx.controls.LinkButton;
  12.  
  13.             [Embed("assets/LinkButton.png")]
  14.             private const linkButtonIcon:Class;
  15.  
  16.             private var linkButton:LinkButton;
  17.  
  18.             private function init():void {
  19.                 linkButton = new LinkButton();
  20.                 linkButton.label = "LinkButton";
  21.                 linkButton.setStyle("icon", linkButtonIcon);
  22.                 addChild(linkButton);
  23.             }
  24.         ]]>
  25.     </mx:Script>
  26.  
  27. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Flex | Tags: , ,

Related Post

One comment | Add One

Trackbacks

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll

Sponsored Ads