Flex 4在组件外部重设已在skin class内设置的样式
2011-05-04 13:02
543 查看
进入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)" />
相关文章推荐
- Flex 4在组件外部重设已在skin class内设置的样式
- 小程序scroll-view组件使用时,子元素虽设置样式display:inline-flex;whit-space:nowrap
- 在Flex中使用StyleMaager类和setStyle()方法给Alert组件设置样式
- Flex中如何通过downArrowSkin和upArrowSkin样式设置NumericStepper控件的上下箭头Skin的例子
- (转载)FLEX 界面SKIN样式设计 - Uyang - Photoshop Flash Flex Apollo 教程 组件 开发 源代码
- 在Flex中使用StyleMaager类和setStyle()方法给Alert组件设置样式
- Flex通过Styel设置Alert组件中的文字样式
- Flex 设置组件的样式
- Flex 3快速入门: 构建简单的用户界面 设置组件的样式
- [flex]validator的样式设置
- Flex设置toolTip样式
- Vue系列: 如何通过组件的属性props设置样式
- flex图表坐标轴样式设置
- flex 各组件对应的样式属性 上
- Flex中通过backgroundColor和backgroundAlpha样式设置NumericStepper控件背景颜色和透明度的例子
- Flex中通过creationCompleteEffect样式给Button控件设置创建完成效果的例子
- NPOI开源组件(操作Execl)创建Workbook和Sheet,创建单元格,设置行列样式等
- Flex4 中 borderContainer 控件的样式设置
- Ext 重新设置组件样式
- Jquery中.css()与.addClass()两种方法设置样式的区别