在学习Flex的过程中,你可能会遇到Flex样式方面的问题,这里和大家分享一下如何修改默认的Flex样式问题,相信通过本文的学习你对Flex样式应该有更加深入的认识。
修改默认的Flex样式
在Flex里Alert和ToolTip这类提示功能提供的默认Flex样式的外观字体大小等显示英文字符是没有问题的,但是显示中文字符就显的字号偏小,文字几乎看不清楚,查阅了Flex的开发文档,发现这两个东西的样式是可以改变的。
◆先说Alert,首先建立两个样式。
- <mx:Style>
- AlertTitle
- {
- font-size:12pt;
- font-weight:bold;
- }
- AlertMessage
- {
- font-size:12pt;
- }
- <mx:Style/>
◆然后创建一个函数
- importmx.controls.Alert;
- functioninitAlert()
- {
- Alert.titleStyleDeclaration="AlertTitle";
- Alert.messageStyleDeclaration="AlertMessage";
- }
◆***设置Application标签的initialize属性:initialize="initAlert()"
再说ToolTip,这个东西我们在写Web应用的时候经常使用,例如:<mx:TextInputwidth="500"toolTip="请填写公司全称"/>。我们要做的工作就是修改tooltip属性的默认字体大小等外观样式,这个更简单了,只要建立样式表即可。
- ToolTip
- {
- font-size:12pt;
- }
这些Flex样式如果是正式开发,***写到CSS里,用Flex去引用CSS文件,做到外观的一致。
【编辑推荐】