`
nianshi
  • 浏览: 416439 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

Flex组件样式参考

    博客分类:
  • Flex
阅读更多



001 Application{
002     backgroundColors:#000000,#3f3f3f;
003     backgroundImage:Embed(source="/style/background.jpg");
004     backgroundSize:"100%";
005     fontSize:14;
006 }
007
008 Button{
009     upSkin:Embed(source="");//弹起时
010     overSkin:Embed(source="");
011     downSkin:Embed(source="");
012     disabledSkin:Embed(source="");//不可用时的效果
013     color:#000000;//字体
014     textRollOverColor:#000000;//移至文本时的颜色
015     textSelectedColor:#000000;//选择文本时的颜色
016 }
017
018 ButtonBar{
019     buttonStyleName:"buttonBarButton";//设置按钮样式
020     firstButtonStyleName:"firstButtonBarButton"//设置第一个按钮样式
021     lastButtonStyleName:""
022 }
023
024 ColorPicker{  //颜色选择器
025     disabledSkin:Embed(source="");
026     downSkin:Embed(source="");
027     overSkin:Embed(source="");
028     upSkin:Embed(source="");
029 }
030
031 ComboBox{
032     downSkin:Embed(source="");
033     overSkin:Embed(source="");
034     upSkin:Embed(source="");
035     color:#000000;  //字体
036     textRollOverColor:#000000;//移至文本时的颜色
037     textSelectedColor:#000000;//选择文本时的颜色
038     dropDownStyleName:"dropDown";//设置下拉样式
039     highlightAlphas:.5,.8;//设置高光透明度
040     fontWeight:normal;//设置字体粗细
041 }
042 .dropDown{
043     backgroundColor:
044     backgroundAlpha:.9;
045     borderStyle:solid;//设置边框样式
046     borderThickness:0;//设置边框宽度
047     borderColor:
048     roundedCorners:5;//设置圆角度
049     color:#000000;  //字体
050     textRollOverColor:#000000;//移至文本时的颜色
051     textSelectedColor:#000000;//选择文本时的颜色
052     rollOverColor:#000000;//移至组件时的颜色
053 }
054
055 DataGrid{  //以表格形式显示数据
056     headerStyleName:"dataGridHeader";//标题样式
057     headerColors:#,#;  //标题文本颜色
058     rollOverColor:
059     selectionColor:
060     disabledColor:
061     selectiondDisabledColor:
062     alternatingItemColors:#,#;//改变中的项的颜色
063 }
064 .dataGridHeader{
065     color:
066 }
067
068 ProgressBar{  //进度条
069     barSkin:Embed(source="");//进度条
070     trackSkin:Embed(source="");//轨道
071 }
072
073 Image{
074     brokenImageSkin:Embed("");//加载出错时的效果
075 }
076
077 MenuBar{
078     fillColor:  //填充颜色
079     backgroundColor:
080     backgroundAlpha:
081     alpha:  //组件透明度
082     textSelectedColor:
083 }
084
085 RadioButton{  //单选
086     disabledIcon:Embed("");
087     downIcon:Embed("");
088     overIcon:Embed("");
089     upIcon:Embed("");
090     color:#000000;  //字体
091     textRollOverColor:#000000;//移至文本时的颜色
092     textSelectedColor:#000000;//选择文本时的颜色
093 }
094
095 CheckBox{  //多选
096     disabledIcon:Embed("");
097     downIcon:Embed("");
098     overIcon:Embed("");
099     upIcon:Embed("");
100     color:#000000;  //字体
101     textRollOverColor:#000000;//移至文本时的颜色
102     textSelectedColor:#000000;//选择文本时的颜色
103 }
104
105 HSlider{  //横向滚动条
106     thumbDisabledSkin:Embed(source="");//指针不可用时
107     thumbDownSkin:Embed(source="");
108     thumbOverSkin:Embed(source="");
109     thumbUpSkin:Embed(source="");
110     trackHightlightSkin:Embed(source="");//轨道高光效果
111     trackSkin:Embed(source="");//轨道效果
112 }
113
114 TitleWindow{
115     closeButtonDisabledSkin:Embed("");
116     closeButtonDownSkin:Embed("");
117     closeButtonOverSkin:Embed("");
118     closeButtonUpSkin:Embed("");
119
120
121 }
分享到:
评论

相关推荐

    flex3语言参考手册

    了解如何创建自定义类,以及如何使用已有的Flex组件类,如Button、Label等。 3. **事件处理**:在Flex中,事件是用户交互和组件之间通信的主要方式。学习如何注册事件监听器,处理不同类型的事件,如鼠标点击、键盘...

    Flex组件MecGridWizard实例代码

    Flex组件是Adobe Flex框架中的一类可重用的UI元素,它们用于构建富互联网应用程序(RIA)。MecGridWizard是Flex组件库中的一个特定组件,主要用于数据展示和操作,尤其适用于处理网格形式的数据。在Flex编程中,...

    flex自定义组件介绍

    自定义组件的前提条件通常包括对Flex SDK的熟悉,对面向对象编程的理解,以及对组件生命周期、样式和事件处理机制的掌握。 主要内容提到了一个具体的自定义组件——图片组件,它具有以下功能: 1. 创建图片组件时...

    Flex 4.1 语言参考

    3. **Flex组件体系结构**: - Flex包含一套丰富的预定义UI组件,如Button、Label、Canvas等,这些组件基于Spark或MX组件集。 - Spark组件基于Flex 4的Graphical和Layout模型,注重皮肤和组件分离,提供更好的视觉...

    Flex3 Style Explorer_V3.0Beta

    《Flex3 Style Explorer_V3.0Beta:探索与应用Flex组件样式》 Flex3 Style Explorer是一款强大的工具,专为开发者设计,旨在简化Flex组件样式的查看和管理过程。这款V3.0 Beta版本进一步提升了用户体验,使用户能够...

    flex cloudlayout 组件 源码

    - 在提供的压缩包中,通常源码会包含两个主要的类,这是Flex组件开发的常见模式。一个类可能是主布局类(例如:CloudLayout),负责处理布局逻辑;另一个可能是项渲染器(例如:CloudItemRenderer),用于定制每个...

    Flex的组件

    在本文中,我们将深入探讨Flex组件这一核心概念,以及如何利用这些组件来创建用户界面。 Flex组件库是Flex SDK的重要组成部分,它包含了各种预定义的UI元素,如按钮、文本框、面板、数据网格等,这些都是构建应用...

    在FLEX中使用CSS样式方法

    3. **组件样式** - 每个Flex组件都有默认的样式,可以通过覆盖这些样式来改变组件的外观。 - 例如,修改按钮的背景色:`mx|Button {background-color: #FF0000;}`。 4. **状态样式** - Flex组件有多种状态,如...

    flex 3.3 ActionScript 参考手册

    《Flex 3.3 ActionScript 参考手册》是Adobe公司为开发者提供的关于Flex 3.3框架中ActionScript语言的权威指南。ActionScript是Flash和Flex开发中的核心编程语言,用于创建动态交互的Web应用。这个参考手册详细阐述...

    flex4.0API参考资料

    总之,Flex 4.0 API参考资料是开发Flex应用程序的重要资源,它涵盖了ActionScript 3.0的核心概念、UI组件、数据绑定、事件处理和网络通信等关键领域。通过深入理解并熟练运用这些知识点,开发者可以创建出功能强大、...

    Flex3StyleExplorer_V3Beta

    1. **实时预览**:用户可以实时看到样式更改对Flex组件的影响,这使得调整和调试样式变得更加直观和迅速。 2. **组件库支持**:Flex3StyleExplorer_V3Beta包含了Flex SDK中的各种标准组件,用户可以选择不同的组件来...

    记事万年历flex源码

    3. **Flex组件库**:Flex提供了大量预先构建的UI组件,如Button、Label、TextArea等,开发者可以通过这些组件快速搭建应用的基础框架。在这个记事万年历应用中,可能会用到Calendar组件或者自定义的日历组件。 4. *...

    flex全书籍 flex全书籍

    例如,Flex组件库包含了许多预定义的UI组件,如按钮、列表、面板等,可以快速构建用户界面。 3. **Spark与 Halo 组件**:Flex 4引入了Spark组件模型,与早期的Halo组件模型并存。Spark组件设计更现代,支持更丰富的...

    Flex 4 语言参考手册(英文)(2009-06-24 CHM版)

    1. **Spark组件模型**:与Flex 3中的 Halo 组件不同,Flex 4引入了Spark组件模型,它基于CSS样式和MXML组件设计,提供了更高级别的定制性和视觉表现力。 2. **ActionScript 3.0强化**:Flex 4基于ActionScript 3.0...

    flex air中文官方帮助文档

    Flex Air是Flex框架的一部分,它扩展了Flash Player的功能,让开发者能够利用ActionScript 3.0编程语言和Flex组件库来创建桌面应用。通过Air SDK,开发者可以访问操作系统资源,如文件系统、打印机和网络,实现更...

    flex帮助文档--(flex学习文档)

    4. **Flex组件** Flex提供了一系列预定义的UI组件,如按钮、面板、列表等,可以方便地拖放到设计视图中。这些组件可以自定义样式,以满足不同设计需求。 5. **Flex数据绑定** 数据绑定是Flex的一大特色,它允许你...

    amcharts_flex_components_1.8.1.3

    这个版本1.8.1.3是amCharts Flex组件的一个更新,它提供了一系列的组件和功能,帮助开发者在Flex环境中构建动态图表和图形。 首先,让我们深入了解`amcharts`。amCharts 是一款广泛使用的JavaScript和Flash图表库,...

    理解Flex3的组件和框架的生命周期

    6. **使用和访问样式** (Styles): 正确使用样式属性来控制组件的外观。 #### 六、结论 理解和掌握 Flex3 组件与框架的生命周期对于高效地开发高质量的 Flex 应用程序至关重要。通过深入探索这些概念,并遵循上述...

    Flex4.0中文API

    总的来说,Flex 4.0中文API文档是开发者学习Flex 4.0框架的关键资源,它详细解释了如何使用Flex组件、事件、服务以及如何利用Spark组件模型来创建高度定制化的用户界面。通过查阅这个CHM文档,开发者可以快速掌握...

    flex2中文学习资料

    这个SWF文件可能是Flex2样式探索器,它允许用户查看和实验Flex2组件的各种样式属性。通过这个工具,开发者可以直观地看到不同样式设置如何影响组件的外观,从而更好地定制应用的视觉风格。样式在Flex2中是关键元素...

Global site tag (gtag.js) - Google Analytics