Flex 4在组件外部重设已在skin class内设置的样式
2011-07-19 23:49
246 查看
进入Flex4时代后,我们往往不会再使用Flex自带的“难看外观”,而是自己写skin class,为自己的组件写一个“漂亮皮肤”。
有时为了方便就会在skin里把一些样式属性都写好。比如一个button的label我往往就会在skin里直接写上fontSize="13" fontWeight="bold",因为所有使用这个skin的button基本上都是这个样子的。
但是问题来了,有时可能你正好想要一个样子一样,只是fontSize要变大或变小一点的button,如果你直接<s:Button fontSize="100" skinClass="..."/>,那我很遗憾地告诉你这样是不行的,因为Flex4中创建组件是先加载属性再加载skin,如果skin里设了样式,那么就会覆盖你后来设置的样式(fontSize还是13不是100)。
吼吼~~不要灰心,办法当然是有的。如此这般,如此这般啊……
写成这样就万事大吉了:
<s:Button skinClass="..." creationComplete="event.currentTarget.labelDisplay.setStyle("fontSize", 100)" />
转自
http://flex4jiaocheng.com/blog/473
有时为了方便就会在skin里把一些样式属性都写好。比如一个button的label我往往就会在skin里直接写上fontSize="13" fontWeight="bold",因为所有使用这个skin的button基本上都是这个样子的。
但是问题来了,有时可能你正好想要一个样子一样,只是fontSize要变大或变小一点的button,如果你直接<s:Button fontSize="100" skinClass="..."/>,那我很遗憾地告诉你这样是不行的,因为Flex4中创建组件是先加载属性再加载skin,如果skin里设了样式,那么就会覆盖你后来设置的样式(fontSize还是13不是100)。
吼吼~~不要灰心,办法当然是有的。如此这般,如此这般啊……
写成这样就万事大吉了:
<s:Button skinClass="..." creationComplete="event.currentTarget.labelDisplay.setStyle("fontSize", 100)" />
转自
http://flex4jiaocheng.com/blog/473
相关文章推荐
- Flex 4在组件外部重设已在skin class内设置的样式
- 在Flex中使用StyleMaager类和setStyle()方法给Alert组件设置样式
- Flex中如何通过downArrowSkin和upArrowSkin样式设置NumericStepper控件的上下箭头Skin的例子
- (转载)FLEX 界面SKIN样式设计 - Uyang - Photoshop Flash Flex Apollo 教程 组件 开发 源代码
- 在Flex中使用StyleMaager类和setStyle()方法给Alert组件设置样式
- Flex通过Styel设置Alert组件中的文字样式
- 小程序scroll-view组件使用时,子元素虽设置样式display:inline-flex;whit-space:nowrap
- Flex 设置组件的样式
- Flex 3快速入门: 构建简单的用户界面 设置组件的样式
- Flex/AIR控件字体样式设置
- Flex中通过设置fontFamily样式在调色板(ColorPicker)控件中使用自定义嵌入字体的例子
- [Flex] 组件Tree系列 —— 运用variableRowHeight和wordWrap设置可变行高
- JQuery中.css()与.addClass()设置样式的区别
- Flex中的CSS: (4)内部样式和外部样式最终被编译的AS源文件完全相同
- 设置外部样式坐标的位置
- Flex中TextInput组件如何设置限制某些字符的输入
- Flex 中设置鼠标样式的两种方法
- Flex组件样式参考
- table表设置了class属性,如何修改里面的tr或者td样式
- FLEX4 设置全局样式 的方法