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~
 

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

你可能感兴趣的:(css,Flex,职场,休闲,按钮样式)