日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
Flex中使用Flex樣式定義和字體

本文和大家重點(diǎn)討論一下Flex中如何使用樣式定義和字體，F(xiàn)lex樣式定義的方法也很多。這也是Flex比Flash要強(qiáng)大、適合網(wǎng)頁(yè)開發(fā)的地方之一。

創(chuàng)新互聯(lián)公司的客戶來自各行各業(yè)，為了共同目標(biāo)，我們?cè)诠ぷ魃厦芮信浜希瑥膭?chuàng)業(yè)型小企業(yè)到企事業(yè)單位，感謝他們對(duì)我們的要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來驚喜。專業(yè)領(lǐng)域包括網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、電商網(wǎng)站開發(fā)、微信營(yíng)銷、系統(tǒng)平臺(tái)開發(fā)。

Flex中使用樣式和字體

Flex所支持的樣式比Flash要豐富，F(xiàn)lex樣式定義的方法也很多。這也是Flex比Flash要強(qiáng)大、適合網(wǎng)頁(yè)開發(fā)的地方之一。

Flex樣式定義類型

1.外部樣式表

 
 
 
    
  
  
  
  1.  
    2.

Flex會(huì)調(diào)用全局樣式表global.css，該全局樣式表由flex-config.xml定義，如：

 
 
 
    
  
  
  
  1. /WEB-INF/flex/global.css 
    2.

系統(tǒng)默認(rèn)的樣式表文件global.css文件其實(shí)沒有任何Flex樣式定義，我們可以手動(dòng)添加全局樣式，也可以更改默認(rèn)的全局樣式文件路徑。如，把全局樣式文件該為：

 
 
 
    
  
  
  
  1. /css/styles.css 
    2.

在這里順便提一點(diǎn)，定義外部css文件的時(shí)候，顏色樣式有四種定義方式：

1:.myclass{fillColor:#6666CC}//16進(jìn)制顏色格式

2:.myclass{borderColor:rgb(77%,22%,0%)}//RGB顏色格式

3:.myclass{errorColor:rgb(0,255,0)}//10進(jìn)制RGB顏色格式

4:.myclass{color:Blue}//VGA顏色名稱格式 #p#


2.本地Flex樣式定義

使用來定義當(dāng)前文件的樣式

下面的例子定義了myFontStyle子類樣式，要使用對(duì)應(yīng)的樣式可以在組件中使用styleName屬性來應(yīng)用樣式。

 
 
 
    
  
  
  
  1. 1. 
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3. 2..myFontStyle{fontSize:15}  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5. 3. 
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7. 4. 
    8. 
  
  
  
  8.  
    9.

 
下面的樣式則定義了所有Button組件的樣式，使用該方式定義的樣式在使用的時(shí)候不需要指定樣式名。 

 
 
 
    
  
  
  
  1. 1. 
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3. 2.Button{fontSize:15}  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5. 3. 
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7. 4. 
    8.

 3.內(nèi)嵌 Flex樣式定義

對(duì)個(gè)別需要特殊處理的組件，可以使用下面的方式進(jìn)行內(nèi)嵌Flex樣式定義 

 
 
 
    
  
  
  
  1.  
    2.

4.使用腳本Flex樣式定義

這種方法使用了Flash傳統(tǒng)的AS腳本方式來定義樣式，具有更強(qiáng)大的靈活性，并且可以使用StyleManager類以及getStyle()和setStyle()方法，如下所示：
 

 
 
 
    
  
  
  
  1. 1. 
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3. 2.
  
  
  
  4.  
    5. 
  
  
  
  5. 3.//使用styleManger類  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7. 4.mx.styles.StyleManager.styles.ToolTip.fontWeight='bold';  
    8. 
  
  
  
  8.  
    9. 
  
  
  
  9. 5.//獲取組件樣式  
    10. 
  
  
  
  10.  
    11. 
  
  
  
  11. 6.lb1.text=ip1.getStyle('fontSize');  
    12. 
  
  
  
  12.  
    13. 
  
  
  
  13. 7.//設(shè)置組件樣式  
    14. 
  
  
  
  14.  
    15. 
  
  
  
  15. 8.lb1.text=ip1.setStyle('fontSize',newSize);  
    16. 
  
  
  
  16.  
    17. 
  
  
  
  17. 9.]]> 
    18. 
  
  
  
  18.  
    19. 
  
  
  
  19. 10. 
    20. 
  
  
  
  20.  
    21.

 如果三種Flex樣式定義方式同時(shí)使用的話，優(yōu)先級(jí)別從高到低依次為：內(nèi)嵌式樣式>本地Flex樣式定義(腳本Flex樣式定義)>外部Flex樣式定義。#p#

特殊Flex樣式定義

在進(jìn)行Flex樣式定義的時(shí)候，我們需要注意幾種Flex特殊的Flex樣式定義。

1.全局Flex樣式定義

對(duì)所有未被定義的控制組件應(yīng)用global樣式 

 
 
 
    
  
  
  
  1. global{  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3. 2.fontSize:22;  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5. 3.textDecoration:underline;  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7. 4.}  
    8.

 
2.應(yīng)用程序Flex樣式定義

Application標(biāo)記是Flex的根標(biāo)記，Application樣式用來定義未被定義的容器以及子容器的樣式 

 
 
 
    
  
  
  
  1. 1.Application{  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3. 2.marginLeft:0px;  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5. 3.marginRight:0px;  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7. 4.marginTop:0px;  
    8. 
  
  
  
  8.  
    9. 
  
  
  
  9. 5.marginBottom:0px;  
    10. 
  
  
  
  10.  
    11. 
  
  
  
  11. 6.horizontalAlign:'left';  
    12. 
  
  
  
  12.  
    13. 
  
  
  
  13. 7.}  
    14. 
  
  
  
  14.  
    15.

 #p#關(guān)于字體的Flex樣式定義

1.使用設(shè)備字體 

 
 
 
    
  
  
  
  1. 1.myClass{  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3. 2.fontFamily:Arial,Helvetica,'_sans';  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5. 3.color:Red;  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7. 4.fontSize:22;  
    8. 
  
  
  
  8.  
    9. 
  
  
  
  9. 5.fontWeight:bold;  
    10. 
  
  
  
  10.  
    11. 
  
  
  
  11. 6.}  
    12. 
  
  
  
  12.  
    13.

 
2.使用移植字體 

 
 
 
    
  
  
  
  1. 1. 
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3. 2.@font-face{  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5. 3.src:url('akbar.ttf');  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7. 4.fontFamily:myfont;  
    8. 
  
  
  
  8.  
    9. 
  
  
  
  9. 5.}  
    10. 
  
  
  
  10.  
    11. 
  
  
  
  11. 6.@font-face{  
    12. 
  
  
  
  12.  
    13. 
  
  
  
  13. 7.src:url('akbar.ttf');  
    14. 
  
  
  
  14.  
    15. 
  
  
  
  15. 8.fontWeight:bold;  
    16. 
  
  
  
  16.  
    17. 
  
  
  
  17. 9.fontFamily:myfontBold;  
    18. 
  
  
  
  18.  
    19. 
  
  
  
  19. 10.}  
    20. 
  
  
  
  20.  
    21. 
  
  
  
  21. 11. 
    22. 
  
  
  
  22.  
    23.

 
◆在定義了該字體樣式后，就可以通過fontFamily來應(yīng)用該字體樣式，如： 

 
 
 
    
  
  
  
  1. 1.Accordion{  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3. 2.fontFamily:myfont  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5. 3.}  
    6.

【編輯推薦】

  1. 特殊Flex樣式定義揭秘
  2. 常見Flex樣式定義類型
  3. 全面認(rèn)識(shí)Flex應(yīng)用程序的六大元素
  4. Flex樣式定義類型剖析
  5. Flex數(shù)據(jù)綁定及其使用頻繁的幾種情況 

本文題目：Flex中使用Flex樣式定義和字體
當(dāng)前鏈接：http://www.dlmjj.cn/article/dhhgogs.html