Flex--水晶按钮

让按钮变得如同水晶一样晶莹剔透的样式：
         <mx:Style>
  Button{
      highlightAlphas:0.79,0.2;
      fillAlphas:1,1,0.75,0.65;
      fillColors:#195eb9,#adf8ff,#0749d6,#03cbd7;
  }
 </mx:Style>
在flex3.0里面，改变默认的界面背景的属性是：styleName=“plain”；

这里还要加上按钮点击事件的代码。出现下面的界面是因为按钮一：

<mx:Button id="btn1" click="btn1_click()" x="323" y="144" label="按钮1" color="#FFFFFF"/>

 

private function btn1_click():void{
       lbl.text="刘翔被萝卜丝摆了一道！" 
   }

接着是按钮二的点击事件：

<mx:Button x="323" y="238" label="按钮2" id="btn2" click="btn2_click()" color="#FDFFFF"/>

 

private function btn2_click():void{
       lbl.x=lbl.x+5;
       lbl.text="错了，萝卜丝就是一坨屎！"
   }

这样就完成了按钮的外观设计和点击事件的实现，看到了吧，flex很简单，很爽吧！多努力的去尝试，其实前端的技术含量真的很高，如果你能实现别人实现不了的界面效果，那么你就是大牛！O(∩_∩)O~
 

本文出自 “黎黎原上草” 博客，转载请与作者联系！