logo
 
 
|
|
|
|
|
|
|
|
 
 
您的位置:首页 - 专业知识
Flex控件外观设计
[2011-03-17]

  

  制作网页时,最不愿意看到的是灰色的按钮,所以大多程序员采用各种方法对按钮的样式做了重新的设置,比如用图片替代按钮,又如用样式表将其他元素改成按钮的样子,在Flex3中,也提供了一种图形化的开发环境方便创建用户自定义的按钮的样子(实质上在这个图形设计界面上不但可以设计按钮的样式,也可以设计其他元素的样式,不过按钮比较具有代表性),下面我们来看下实现的步骤:
1) 首先在flex_src下建立一个样式表(名称无所谓)结构大致如下图:


 
2) 在样式表的设计界面上选择你要修改控件,并可以在代码或设计界面进行改动
a) 如改动代码如下:
/* CSS file */
Button
{
 border-color:#FF3600;
 theme-color:#c8c7c6;
 fill-alphas:1.0,1.0;
 fill-colors:#F7FDFE, #F68B18;
 disabled-color:#5b6262;
 fontSize: 12;
 color: #00191E;
}
TextInput
{
 backgroundColor: #F5D7D7;
 backgroundDisabledColor: #BB8585;
 backgroundAlpha: 0.65;
 color: #05323C;
}
b) 使用界面修改如下所示:


 
3) 最后在工程页面上调用控件代码如下即可
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
 <mx:Script>
  <![CDATA[
   import mx.controls.Alert;
   
   private function clickme():void{
    Alert.show(kk.text,"信息");
   }
  ]]>
 </mx:Script>
 <mx:Style source="css/btn.css"/>
 <mx:Button label="长按钮" width="200" height="38" x="112" y="229" click="clickme()"/>
 <mx:Button label="大按钮" width="200" height="80" x="112" y="10"/>
 <mx:TextInput x="112" y="168" width="329" height="27" name="me" id="kk"/>
</mx:Application>

所以在Flex上修改控件的样式非常的简单,你可以选择自己写或界面即可这种方式和以往直接修改网页的样式表没有什么不同,当然如果你愿意也可以使用swf,png等文件作为控件的外观,只要在图形界面的icon选项中选取你的swf就好了.

上一篇:什么是DOCTYPE 它对网页起何作用?
下一篇:DisplayTag展示与Hibernate物理分页(连载4)
   
火狐三界面走性感路线 放弃统一跨平台外观 火狐三界面走性感路线 放弃统一跨平台外观
 

在线报名

  • 姓       名:*
  • 高考成绩:*
  • 电       话:*
  • 地       址:*
 
课程咨询
 

 
中博教育客服在线
 
©南京北大青鸟 隐私政策
学费咨询
学历咨询
专业咨询
订座试听
就业咨询
课程咨询
测试认证
软件认证