• 【设为首页】
  • 【收藏闪客居】
  • 【网站地图】
  • 【RSS订阅】
当前位置 :主页 > Flex > FlashBuilder4 >

  • Flex Gumbo里FxButtom控件设置背景色

  • 来源：flexrain.cn 作者：flexrain 2010-04-10 【大 中小】 TAG:Flex

效果预览:

在Flex Gumbo 里通过设置FxButton控件里的baseColor属性颜色值，即可改变它的背景色，除这种方法外，我们还可以用CSS或者ActionScript 来设置，效果是一样的！

编译下面代码，你必须安装了Flash Player 10 和Flex4 gumbo SDK，如:FlashDevelop里配置编译环境FlashDevelop配置 Flex4(gumbo)环境

FxButtomDemo.mxml:

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <Application xmlns="http://ns.adobe.com/mxml/2009" 
  3.         xmlns:mx="http://ns.adobe.com/mxml/2009" 
  4.         xmlns:gumbo="library:adobe/flex/halo" 
  5.         preloader="com.preload.PreLoad" 
  6.         backgroundColor="0x414141"> 
  7.     <!--上面preload属性与下面外部CSS可以删除它--> 
  8.     <mx:Style source="../yfskin/yflexskin.css"/>
  9.    
  10.     <ApplicationControlBar dock="true">
  11.         <Label text="baseColor:" />
  12.         <ColorPicker id="colorPicker" selectedColor="#CCCCCC" />
  13.         <Label text="color:" />
  14.         <ColorPicker id="colorPicker2" selectedColor="#000000" />
  15.     </ApplicationControlBar>
  16.  
  17.     <FxButton id="btn"
  18.         label="FxButton" color="{colorPicker2.selectedColor}"
  19.         width="100" height="30"
  20.         baseColor="{colorPicker.selectedColor}" />
  21.  
  22. </Application>

通过CSS方法:

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <Application xmlns="http://ns.adobe.com/mxml/2009" 
  3.         xmlns:mx="http://ns.adobe.com/mxml/2009" 
  4.         xmlns:gumbo="library:adobe/flex/halo" 
  5.         preloader="com.preload.PreLoad" 
  6.         backgroundColor="0x414141"> 
  7.     <!--上面preload属性与下面外部CSS可以删除它--> 
  8.     <mx:Style source="../yfskin/yflexskin.css"/>
  9.    
  10.     <Style>
  11.         FxButton {
  12.             baseColor: red;
  13.             /* baseColor: #FF0000; */
  14.             /* baseColor: "0xFF0000"; */
  15.         }
  16.     </Style>
  17.  
  18.     <FxButton id="btn" label="FxButton" />
  19.  
  20. </Application>

通过ActionScript方法：

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <Application xmlns="http://ns.adobe.com/mxml/2009" 
  3.         xmlns:mx="http://ns.adobe.com/mxml/2009" 
  4.         xmlns:gumbo="library:adobe/flex/halo" 
  5.         preloader="com.preload.PreLoad" 
  6.         backgroundColor="0x414141"> 
  7.     <!--上面preload属性与下面外部CSS可以删除它--> 
  8.     <mx:Style source="../yfskin/yflexskin.css"/>
  9.    
  10. <Script>
  11.         <![CDATA[
  12.             import mx.events.ColorPickerEvent;
  13.  
  14.             private function colorPicker_change(event:ColorPickerEvent):void
  15.             {
  16.                 if (event.target.id == "colorPicker1")
  17.                 {
  18.                     btn.setStyle("baseColor", event.color);
  19.                 }
  20.                 else if (event.target.id == "colorPicker2")
  21.                 {
  22.                     btn.setStyle("color", event.color);
  23.                 }
  24.             }
  25.         ]]>
  26.     </Script>
  27.  
  28.     <ApplicationControlBar dock="true">
  29.         <Label text="baseColor:" />
  30.             <ColorPicker id="colorPicker1" selectedColor="#CCCCCC"
  31.                 change="colorPicker_change(event);" />
  32.             <Label text="color:" /> 
  33.             <ColorPicker id="colorPicker2" selectedColor="#000000"
  34.                 change="colorPicker_change(event);"/> 
  35.     </ApplicationControlBar> 
  36.  
  37.     <FxButton id="btn" label="FxButton" />
  38.  
  39. </Application>



上一篇：Flex 4中的新数据类型：ArrayList   下一篇：FlashDevelop配置Flex4(gumbo)环境
查看所有评论
  • 用户名：（新注册） 密码： 匿名评论
  • 评论内容：(不能超过250字，需审核后才会公布，请自觉遵守互联网相关政策法规)
·Flash Builder 4 beta 试用与新功 ·为Flash Builder 4创建包含ASDoc的
·Flex4加载外部资源解说Image组件 ·Flex4:使用容器API管理容器子元素
·给你的Flash Builder 4添加数据可 ·Flex4中NumericStepper的新增功能
·FlashDevelop配置Flex4(gumbo)环境 ·Flex Gumbo里FxButtom控件设置背景
·Flex 4中的新数据类型：ArrayList ·Flash Builder 4正式版的一些改动
推荐内容
·给你的Flash Builder 4添加
辅助软件
·AMF调试利器-AMF Explorer
·WebBase(基于AS3的Flash全站
·又一个Actionscript开发框架
·flash项目综合加密软件:FPE
·命令行调用DoSWF
·FreeSpin3D – 基于Flash CS
·好用的flash调试工具推荐：F
·Flash开发者利器：FlashBug
·SWFAddress 2.4发布
·帮助我提升Actionscript开发
·Flash Builder 4新特性试用
·第三方强力工具TurboDieselS

Copyright © 2006-2008 flashas.net All Rights Reserved. 浙ICP备06033001号
（本网站最佳浏览解析度为1024*768, 建议使用IE 6.0或以上版本浏览器。）
友情链接： Mbt lami shoes Buy Mbt Shoes Online Uk MBT Shoes On Sale Cheap Mbt Shoes Mbt shoes MBT Sport Shoes MBT walking shoes Mbt shoes Cheap mbt shoes sale Mbt clearance sale Buy mbt shoes online UK MBT Shoes MBT Discount Shoes MBT UK MBT Shoes MBT US MBT Discount MBT Footwear Discount MBT Shoes On Sale MBT Shoes MBT Shoes Sale MBT Clearance Shoes MBT Walking Shoes mbt anti shoes mbt shoes clearance MBT Sandals mbt lami shoes mbt shoes mbt outlet mbt shoes on sale mbt walking shoes mbt footwear mbt shoes mbt shoes sale mbt shoes clearance mbt clearance shoes mbt cheap shoes mbt sale shoes