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

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

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
學(xué)習(xí)筆記Flex中設(shè)置Flex滾動條的樣式

在學(xué)習(xí)Flex的過程中，你可能會遇到Flex中設(shè)置Flex滾動條的樣式方面的問題，這里和大家分享一下，在Flex中，簡單的修改控件的外觀可以使用樣式(Style)和皮膚(skin)，這里修改滾動的外觀也是如此．

金湖網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),金湖網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為金湖近千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站制作要多少錢，請找那個售后服務(wù)好的金湖做網(wǎng)站的公司定做！

Flex中設(shè)置Flex滾動條的樣式

在Flex中使用容器的時候，經(jīng)常會遇到出現(xiàn)Flex滾動條的情況，雖然官方提示的Flex滾動條外觀已經(jīng)非常漂亮，但有個時候我們還是會有種修改Flex滾動條外觀的沖動，讓我們的程序看起來更和諧些。

在Flex中，簡單的修改控件的外觀可以使用樣式(Style)和皮膚(skin)，這里修改滾動的外觀也是如此．首先先來比較下修改前后的Flex滾動條樣式（以橫向Flex滾動條為例）．

　雖然我更改后的樣式?jīng)]有自帶的漂亮,但是相信你一定可以把它弄的比較漂亮.以上自定義是通過以下代碼實現(xiàn)的（代碼寫在外部的CSS文件中，如main.css中）．

 
 
 
    
  
  
  
  1. 1.  
    2.   
  
  
  2. 2.HScrollBar{  
    3.   
  
  
  3. 3.downArrowUpSkin:  
    4.   
  
  
  4. 4.Embed(source=”/assets/downArrow.png”);  
    5.   
  
  
  5. 5.downArrowOverSkin:  
    6.   
  
  
  6. 6.Embed(source=”/assets/downArrow.png”);  
    7.   
  
  
  7. 7.downArrowDownSkin:  
    8.   
  
  
  8. 8.Embed(source=”/assets/downArrow.png”);  
    9.   
  
  
  9. 9.upArrowUpSkin:  
    10.   
  
  
  10. 10.Embed(source=”/assets/upArrow.png”);  
    11.   
  
  
  11. 11.upArrowOverSkin:  
    12.   
  
  
  12. 12.Embed(source=”/assets/upArrow.png”);  
    13.   
  
  
  13. 13.upArrowDownSkin:  
    14.   
  
  
  14. 14.Embed(source=”/assets/upArrow.png”);  
    15.   
  
  
  15. 15.thumbDownSkin:  
    16.   
  
  
  16. 16.Embed(source=”/assets/thumb.png”,  
    17.   
  
  
  17. 17.scaleGridLeft=”7″,scaleGridTop=”5″,  
    18.   
  
  
  18. 18.scaleGridRight=”8″,scaleGridBottom=”7″);  
    19.   
  
  
  19. 19.thumbUpSkin:  
    20.   
  
  
  20. 20.Embed(source=”/assets/thumb.png”,  
    21.   
  
  
  21. 21.scaleGridLeft=”7″,scaleGridTop=”5″,  
    22.   
  
  
  22. 22.scaleGridRight=”8″,scaleGridBottom=”7″);  
    23.   
  
  
  23. 23.thumbOverSkin:  
    24.   
  
  
  24. 24.Embed(source=”/assets/thumb.png”,  
    25.   
  
  
  25. 25.scaleGridLeft=”7″,scaleGridTop=”5″,  
    26.   
  
  
  26. 26.scaleGridRight=”8″,scaleGridBottom=”7″);  
    27.   
  
  
  27. 27.trackSkin:  
    28.   
  
  
  28. 28.Embed(source=”/assets/scrolltrack.png”,  
    29.   
  
  
  29. 29.scaleGridLeft=”7″,scaleGridTop=”4″,  
    30.   
  
  
  30. 30.scaleGridRight=”8″,scaleGridBottom=”6″);  
    31.   
  
  
  31. 31.}  
    32.   
  
  
  32.  
    33.

 以上CSS的代碼都比較簡單明了，只是thumbDownSkin，thumbUpSkin，thumbOverSkin，trackSkin四個中的后面4個屬性（scaleGridLeft，scaleGridTop，scaleGridRight，scaleGridBottom）比較怪怪，一開始我也不懂是啥意思．Google了一下，原來是一個叫Scale-9的東西．簡單的說，就是當(dāng)圖片拉伸的時候，只會對設(shè)置的格子之間的部分進(jìn)行拉伸（橫向拉伸時只對X坐標(biāo)之間的部分位伸，縱向位伸時只對Y坐標(biāo)之間的部分位伸），如上面的thumbUpSkin，橫向拉伸時，會對X坐標(biāo)為7，8之間的部分拉伸，縱向拉伸時，會對Y坐標(biāo)為5，7之間的部分位伸，其它部分（只剩下四個角了）還是會等比例顯示．這個鬼東西對像這樣的Flex滾動條，或者在拉伸那種圓角矩形時，非常有用．


分享題目：學(xué)習(xí)筆記Flex中設(shè)置Flex滾動條的樣式
文章位置：http://www.dlmjj.cn/article/cdjegjs.html