flex按钮使用背景图片

基于美化的需要,有时候我会被要求给按钮贴上图片

 

下面以flex4中使用mx:Button为例:

-----------------------------------------

<?xml version="1.0" encoding="utf-8"?>
<s:VGroup xmlns:fx="http://ns.adobe.com/mxml/2009"
          xmlns:s="library://ns.adobe.com/flex/spark"
          xmlns:mx="library://ns.adobe.com/flex/mx"
          creationComplete="init()"
          width="100%" height="100%">
    <fx:Declarations>
        <!-- 将非可视元素(例如服务、值对象)放在此处 -->
    </fx:Declarations>
    <fx:Style >
        @namespace s "library://ns.adobe.com/flex/spark";
        @namespace mx "library://ns.adobe.com/flex/mx";
        .myCustomButton {
            overSkin:Embed(source="styles/assets/submitBtn.gif");
            upSkin:Embed(source="styles/assets/submitBtn.gif");
            downSkin:Embed(source="styles/assets/submitBtn.gif");
        }
    </fx:Style >
    <fx:Script >
        <![CDATA[

            import flash.events.MouseEvent;

           
            import mx.controls.Alert;
            import mx.events.CloseEvent;

           
           
            private function init():void{
                    saveBtn.addEventListener(MouseEvent.CLICK,function():void{
                        //提交这里是调用html页面上的test函数进行具体业务操作
                        ExternalInterface.call("test","0");

                       
                    });
               
            }
          
    </fx:Script >
    <s:HGroup ><mx:Spacer/></s:HGroup>
    <s:HGroup >
        <mx:Spacer/>
        <mx:Button label="" styleName="myCustomButton" id="saveBtn" useHandCursor="true" buttonMode="true" width="80" height="25"/>
    </s:HGroup>
</s:VGroup>

 

这里按钮禁用时图片好像是不能显示出来

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值