- 浏览: 105749 次
- 性别:
- 来自: 武汉
文章分类
- 全部博客 (112)
- struts (3)
- spring (0)
- hibernate (0)
- ext (0)
- jquery (0)
- jbpm (0)
- flex (62)
- json (0)
- dwr (0)
- quartz (0)
- ant (0)
- java 基础 (1)
- oracle (1)
- log4j (1)
- 上传 (1)
- myeclipse (1)
- eclipse (1)
- springsecurity (2)
- 开发工具 (1)
- 车票 (1)
- 收藏夹 (0)
- flash (2)
- ActionScript (1)
- 健康 (0)
- 思路 (0)
- 保健 空卜 (0)
- 框架 (0)
- springsecurity cas (0)
- javascript (0)
- fusionchart (0)
- ztree (0)
- 创业 (0)
最新评论
-
wangzhengji2006:
怎么用呀,哥们?
Flex 查看swc文件的源码 -
荷尔萌:
汗颜 视图设计里面换个背景颜色就好了啊
鼠标手型样式和Flex4中List控件背景颜色的改变 -
dongdong246:
朋友,我已经装了这个工具,但怎么打开swc文件啊???
Flex 查看swc文件的源码 -
millton0518:
你的资料十分受用。
SpringSecurity 学习网站 -
wkcause:
这个是现有的连接文件,可以直接引用么?<%' FileN ...
asp 插入数据
Flex所支持的样式比Flash要丰富,样式定义的方法也很多。这也是Flex比Flash要强大、适合网页开发的地方之一。
样式定义类型
1. 外部样式表
<mx:Style source='/css/myStyle.css'/>
Flex会调用全局样式表global.css,该全局样式表由flex-config.xml定义,如:
<global-css-url>/WEB-INF/flex/global.css</global-css-url>
系统默认的样式表文件global.css文件其实没有任何样式定义,我们可以手动添加全局样式,也可以更改默认的全局样式文件路径。如,把全局样式文件该为:
<global-css-url>/css/styles.css</global-css-url>
在这里顺便提一点,定义外部css文件的时候,颜色样式有四种定义方式:
- .myclass { fillColor: #6666CC } // 16进制颜色格式
- .myclass { borderColor: rgb(77%,22%,0%) } // RGB 颜色格式
- .myclass { errorColor: rgb(0,255,0) } // 10进制RGB颜色格式
- .myclass { color: Blue } // VGA 颜色名称格式
.myclass { fillColor: #6666CC } // 16进制颜色格式 .myclass { borderColor: rgb(77%,22%,0%) } // RGB 颜色格式 .myclass { errorColor: rgb(0,255,0) } // 10进制RGB颜色格式 .myclass { color: Blue } // VGA 颜色名称格式
2.本地样式定义
使用<mx:Style>来定义当前文件的样式
下面的例子定义了myFontStyle子类样式,要使用对应的样式可以在组件中使用styleName属性来应用样式。
- <mx:Style>
- .myFontStyle { fontSize: 15 }
- </mx:Style>
- <mx:Button id='myButton' styleName='myFontStyle' label='Click Here' >
<mx:Style> .myFontStyle { fontSize: 15 } </mx:Style> <mx:Button id='myButton' styleName='myFontStyle' label='Click Here' >
下面的样式则定义了所有Button组件的样式,使用该方式定义的样式在使用的时候不需要指定样式名。
<mx:Style> Button { fontSize: 15 } </mx:Style> <mx:Button id='myButton' label='Click Here' >
3. 内嵌样式定义
对个别需要特殊处理的组件,可以使用下面的方式进行内嵌样式定义
<mx:Button id='myButton' fontSize='15' color='0x9966CC' label='My Button'/>
4. 使用脚本样式定义
这种方法使用了Flash传统的AS脚本方式来定义样式,具有更强大的灵活性,并且可以使用StyleManager类以及getStyle() 和 setStyle() 方法,如下所示:
- <mx:Script>
- <![CDATA[
- //使用styleManger类
- mx.styles.StyleManager.styles.ToolTip.fontWeight = 'bold';
- //获取组件样式
- lb1.text=ip1.getStyle('fontSize');
- //设置组件样式
- lb1.text=ip1.setStyle('fontSize',newSize);
- ]]>
- </mx:Script>
<mx:Script> <![CDATA[ //使用styleManger类 mx.styles.StyleManager.styles.ToolTip.fontWeight = 'bold'; //获取组件样式 lb1.text=ip1.getStyle('fontSize'); //设置组件样式 lb1.text=ip1.setStyle('fontSize',newSize); ]]> </mx:Script>
如果三种样式定义方式同时使用的话,优先级别从高到低依次为:
内嵌式样式>本地样式定义(脚本样式定义)>外部样式定义
特殊样式定义
在进行样式定义的时候,我们需要注意几种Flex特殊的样式定义
1. 全局样式定义
对所有未被定义的控制组件应用global样式
global { fontSize:22; textDecoration: underline; }
2. 应用程序样式定义
Application标记是Flex的根标记,Application样式用来定义未被定义的容器以及子容器的样式
- Application {
- marginLeft: 0px;
- marginRight: 0px;
- marginTop: 0px;
- marginBottom: 0px;
- horizontalAlign: 'left';
- }
Application { marginLeft: 0px; marginRight: 0px; marginTop: 0px; marginBottom: 0px; horizontalAlign: 'left'; }
关于字体的样式定义
1. 使用设备字体
- .myClass {
- fontFamily: Arial, Helvetica, '_sans';
- color: Red;
- fontSize: 22;
- fontWeight: bold;
- }
.myClass { fontFamily: Arial, Helvetica, '_sans'; color: Red; fontSize: 22; fontWeight: bold; }
2. 使用移植字体
- <mx:Style>
- @font-face {
- src:url('akbar.ttf');
- fontFamily: myfont;
- }
- @font-face {
- src:url('akbar.ttf');
- fontWeight: bold;
- fontFamily: myfontBold;
- }
- </mx:Style>
<mx:Style> @font-face { src:url('akbar.ttf'); fontFamily: myfont; } @font-face { src:url('akbar.ttf'); fontWeight: bold; fontFamily: myfontBold; } </mx:Style>
在定义了该字体样式后,就可以通过fontFamily来应用该字体样式,如:
发表评论
-
flex 自定义控件之任务考核模板定制part38
2013-03-27 10:01 0//获得界面输入的结果{uuid:20130301130101 ... -
flex 自定义控件之任务考核模板定制part37
2013-03-27 10:00 0//权重改变时触发的事件 private static fu ... -
flex 自定义控件之任务考核模板定制part36
2013-03-27 09:59 0//指标对应的行集合 rows = indexDa ... -
flex 自定义控件之任务考核模板定制part35
2013-03-27 09:58 0//重新指定列 addTemplateIndexCalc ... -
flex 自定义控件之任务考核模板定制part34
2013-03-27 09:58 0//重新指定列 addTemplateIndexCalcR ... -
flex 自定义控件之任务考核模板定制part33
2013-03-27 09:58 0/** 计算规则明细添加行 **/ public stati ... -
flex 自定义控件之任务考核模板定制part32
2013-03-27 09:50 0var maxRateColumn:DataGridColum ... -
flex 自定义控件之任务考核模板定制part31
2013-03-27 09:50 0/** * 2、改变指标对应的显示结果的指 ... -
flex 自定义控件之任务考核模板定制part30
2013-03-27 09:50 0/*** * 1、改变对应指标名称 *** ... -
flex 自定义控件之任务考核模板定制part29
2013-03-27 09:49 0else { var originalHeigh ... -
flex 自定义控件之任务考核模板定制part28
2013-03-27 09:48 0/**--创建数据表格[dataGrid]--**/ va ... -
flex 自定义控件之任务考核模板定制part27
2013-03-27 09:48 0//添加名称文本提示 calcRoleContainer. ... -
flex 自定义控件之任务考核模板定制part26
2013-03-27 09:47 0//权重百分号 var indexWeightPer ... -
flex 自定义控件之任务考核模板定制part25
2013-03-27 09:46 0//flag-后续动态添加的datagrid隐藏 priva ... -
flex 自定义控件之任务考核模板定制part24
2013-03-27 09:46 0//上一步按钮 var secondPreviousSte ... -
flex 自定义控件之任务考核模板定制part23
2013-03-27 09:46 0public static function createPa ... -
flex 自定义控件之任务考核模板定制part22
2013-03-27 09:45 0package components.channel.tas ... -
flex 自定义控件之任务考核模板定制part21
2013-03-25 17:56 0else { rowObj = new Obje ... -
flex 自定义控件之任务考核模板定制part20
2013-03-25 17:55 0else { cellObj = r ... -
flex 自定义控件之任务考核模板定制part19
2013-03-25 17:54 0//记录选中的指标内容 public static func ...
相关推荐
解决方法有两种:使用设备字体和使用嵌入字体。设备字体的特性是用户机器上的所有字 体都最大可能地模拟其外观,保持文本的样式不会出现较大变化;嵌入字体是指将字体文件编译 进SWF文件中或者运行时加载到SWF文件中...
很好的flex 样式教程,非常适合初学者。
flex 嵌入外部文字样式,弥补flex内部字体不足的缺憾
这些样式属性能够定义Label 控件的字体大 小,或者Tree 控件的背景色。在Flex 中,一些样式从父容器传承给它们的子控件,并跨越了 样式类型和类。这意味着,样式能一次性定义,然后将其应用给一个类型的所有控件,...
这个小例子是使用Java作为服务端、Flex做前台,对一个xml文件的读取和写入。 环境:MyEclipse6.0.1+Flex3...总结:对Flex和Java对象之间的转换还要进一步的研究,认识到Flex中样式的重要性。Flex的控件还要进一步学习。
Flex编程注意之修改CategoryAxis的字体样式(大小、颜色、粗斜体等)
改变datatips显示字体大小的方法,也可以跟据这种方法自己定义别的样式。 包含了linechart样式的改变,颜色也可以改变
生成相应字体嵌入代码。比如说:你只需要使用到雅黑字体其中的5个字,你可以单独把这5个字嵌入进去,而不是导入整个雅黑字体
* Flex示例工程和.Net示例工程。 * 相关说明文档和示例数据。 注: * Flex示例工程,用Adobe Flash Builder 4开发环境打开,用Flex SDK 4.1进行编译。 * .Net示例工程,用Visual Studio 2010开发环境打开。 * 只需...
在Flex Builder调试中创建和监视表达式 25.7节. 在Flex Builder中安装Ant窗口 25.8节. 为自动通用任务创建一个Ant构建文件 25.9节. 使用mxmlc和Ant编译Flex应用程序 25.10节. 使用ASDoc和Ant生成文档 25.11节. 使用...
是一个用 ActionScript 3 编写的与 Flex 和 AIR 兼容的开源项目,旨在促进 Flash 网站和应用程序的开发,例如设置带有深层链接的站点导航、资产队列、跟踪它们的类也可以使用分别地,如字体寄存器、文本字段、样式表...
一、简介每一个核心组件都自带一个style属性,用来添加组件的样式,比如字体大小、颜色、排列方式,组件的布局方式、位置等等。下面让我们一起来学习一下style样
内容涉及flex布局、公共样式公共类的挑选、多个大盒子与多个小盒子的嵌套(div>li>span、p>span等)、多行内容的排版、字体图标的引入设置、图片的引入和设置、养成价格等后期需要加链接的元素单独成类。 包含内容:...
* CSS文本样式:字体、文字颜色、文字装饰、文字对齐 * CSS盒模型:盒模型、border、padding、margin * CSS边框与背景:边框、背景颜色、背景图片 * CSS表格与列表:表格样式、列表样式 * CSS其他样式:圆角、阴影、...
css字体样式:font-family设置字体系列,font-size设置字体大小,font-weight设置字体粗细,font-style设置字体样式,color设置字体颜色的三种形式,font的简写; css文本样式:使用text-decoration添加文本修饰,...
使用styleFunction属性指定一个回调函数来定义表格行样式,根据数据动态显示出不同的颜色
解决datepicker和timepicker一起用引起的布局样式问题
看来了一些关于移动端布局的资料,目前最佳的移动端移动端适配方案(flex + rem + dpr), 自己也根据原理写了 lgg-flexible, 主要动态控制 rem 和 dpr 来适配不同移动端。增加一些特性可去调控 rem 适配带来 PC ...
通用flex布局样式定义 (flex) 首页顶部轮播图片 (vue-swiper) 使用精灵图片 (sprite) 使用字体图标 (iconfont) 封装卡片组件 (card) 列表卡片组件 (list-card, nav, swiper) 域名和服务器 域名解析 Nginx ...
概念和 scss样式重置网站色彩和字体定义 (colors, text)通用 flex 布局样式定义常用边距定义 (margin, padding)首页顶部轮播图片 (vue swiper)使用精灵图片 (sprite)使用字体图标 (iconfont)卡片组件 ...