云飞扬的ITblog

flex 3 Button控件的用法

引入图片的按钮<mx:Button  icon="@Embed(source='images/normal_bt.jpg')"/>
当需要鼠标移到按钮上和按下按钮需要不同的图片，则需要overIcon,和downIcon属性
如果想控件不能用时的图片，则需要disabledIcon

   icon="@Embed(source='images/normal_bt.jpg')"
          overIcon="@Embed(source='images/over_bt.jpg')"
          downIcon="@Embed(source='images/click_bt.jpg')"
          disabledIcon="@Embed(source='images/disabled_bt.jpg')"

完整例子
<?xml version="1.0" encoding="utf-8"?>

<mx:Application
    xmlns:mx="http://www.adobe.com/2006/mxml"
    viewSourceURL=""
    horizontalAlign="center" verticalAlign="middle"
    width="100%" height="100%"
>

    <mx:Script>
        <![CDATA[
        private function checkBoxInteract():void
        {
            if (chkBox.selected == true)
            {
                animBtn.enabled=true;
            }
            else
            {
                animBtn.enabled=false;
            }
        }
        ]]>
    </mx:Script>

    <mx:Panel title="Panel"
        height="75%" width="75%"
        paddingTop="10"
        paddingLeft="10"
        paddingRight="10"
        paddingBottom="10"
    >
        <mx:Button
          icon="@Embed(source='images/normal_bt.jpg')"
          overIcon="@Embed(source='images/over_bt.jpg')"
          downIcon="@Embed(source='images/click_bt.jpg')"
          disabledIcon="@Embed(source='images/disabled_bt.jpg')"
          label="A button with an icon"
          width="100%"
          height="80%"
          id="animBtn"
          enabled="false"
        />
        <mx:CheckBox label="Enable Button"
          click="checkBoxInteract()"
          id="chkBox"
        />

    </mx:Panel>

</mx:Application>

原创文章转载请注明出处：云飞扬IT的blog

本文链接: http://www.ajaxcn.net/archives/190