技術分享 如何修改默認的Flex樣式
在學習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文件,做到外觀的一致。
【編輯推薦】

















