Flex主题创建及支持的样式设置方式

开发 后端
本文向大家介绍一下Flex主题的概念,主要包括Flex支持的样式设置方式,添加Flex主题具体操作和创建自己的Flex主题等内容。

你对Flex主题的概念是否了解,这里和大家分享一下,Flex提供的几种主题,文件类型.swc,建议使用.swc文件来封装主题,给编译指令添加-themexxx.css//注意路径在Flex-config.xml中通过修改<theme>标签配置主题

Flex主题

Flex支持的样式设置方式

1.直接使用CSS文件,系统默认使用default.css
<mx:Stylesource=“style.css”/>
2.使用<mx:Style>标签
3.使用style设计器(->MXML)
4.使用对象的getStyle()和setStyle()
5.使用StyleManager类

Flex主题是一套配置完成的样式风格

Flex提供的几种主题,文件类型.swc,建议使用.swc文件来封装主题
给编译指令添加-themexxx.css//注意路径在Flex-config.xml中通过修改<theme>标签配置主题

创建自己的Flex主题

1.通过修改以后的主题文件创建自己的主题内容
2.使用compc编译主题,生成swc文件(见帮助)
-include-filenamepath
-ooutput.swc
-include-classes
3.通过配置文件编译主题
compc-load-configmyconfig.xml

添加Flex主题具体操作

(在Flex-config.xml中配置:frameworks中<theme><filename>路径</filename></themt>)

1、先写好.css文件

2、compo-include-filecss文件名文件路径(绝对路径)-include-file可以有多个

-o要放置的路径(绝对路径)

3、一个xml配置文件

  1. <?xmlversionxmlversion="1.0"?> 
  2.  
  3. <flex-configxmlnsflex-configxmlns=http://www.adoobe.com/2006/flex-config> 
  4.  
  5. <out-put>MyTheme.swc</out-put> 
  6.  
  7. <include-file> 
  8.  
  9. <name>名字</name> 
  10.  
  11. <path>绝对路径</path> 
  12.  
  13. </include-file> 
  14.  
  15. <include-class> 
  16.  
  17. <class>MyButtonSkin</class> 
  18.  
  19. <class>MyAccordionHeaderSkin</class> 
  20.  
  21. <class>MyControlBarSkin</class> 
  22.  
  23. 在执行:compc-load-configxml文件  
  24.  
  25. </include-class> 

【编辑推荐】

  1. 解析Flex数据绑定的几种方式
  2. Flex动态读取外部XML文件
  3. 学习总结 在Flex中如何嵌入Flex字体
  4. 揭开Flex正则表达式的神秘面纱
  5. Flex数据绑定及其使用频繁的几种情况 

 

 

 

责任编辑:佚名 来源: csdn.net
相关推荐

2010-08-03 09:54:20

Flex鼠标样式设置

2010-08-03 09:27:29

设置Flex样式

2010-08-09 15:19:29

Flex滚动条

2010-09-09 09:47:02

DIV滚动条

2010-07-29 13:34:36

Flex样式

2010-08-13 10:01:46

Flex样式定义

2010-08-13 09:30:37

Flex样式

2010-08-13 09:47:58

Flex样式定义

2010-08-13 09:38:09

Flex样式定义

2010-08-13 09:05:09

Flex4Halo

2010-08-11 14:47:54

Flex样式

2010-08-10 10:23:30

Flex浏览器标题

2010-08-10 11:08:32

Flex外部样式表

2009-06-05 09:08:22

Flex SDK 4Gumbo快速RIA开发

2010-08-13 09:54:23

Flex字体

2015-07-06 10:25:48

Windows 98CSS样式库

2010-07-30 09:16:24

Flex数据绑定

2010-08-05 09:39:17

Flex页面跳转

2010-08-12 13:25:46

Flex验证方式

2021-02-03 10:31:10

NPOIExcel样式
点赞
收藏

51CTO技术栈公众号