日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

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

新聞中心

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

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

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

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

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

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

　雖然我更改后的樣式?jīng)]有自帶的漂亮,但是相信你一定可以把它弄的比較漂亮.以上自定義是通過(guò)以下代碼實(shí)現(xiàn)的（代碼寫(xiě)在外部的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的代碼都比較簡(jiǎn)單明了，只是thumbDownSkin，thumbUpSkin，thumbOverSkin，trackSkin四個(gè)中的后面4個(gè)屬性（scaleGridLeft，scaleGridTop，scaleGridRight，scaleGridBottom）比較怪怪，一開(kāi)始我也不懂是啥意思．Google了一下，原來(lái)是一個(gè)叫Scale-9的東西．簡(jiǎn)單的說(shuō)，就是當(dāng)圖片拉伸的時(shí)候，只會(huì)對(duì)設(shè)置的格子之間的部分進(jìn)行拉伸（橫向拉伸時(shí)只對(duì)X坐標(biāo)之間的部分位伸，縱向位伸時(shí)只對(duì)Y坐標(biāo)之間的部分位伸），如上面的thumbUpSkin，橫向拉伸時(shí)，會(huì)對(duì)X坐標(biāo)為7，8之間的部分拉伸，縱向拉伸時(shí)，會(huì)對(duì)Y坐標(biāo)為5，7之間的部分位伸，其它部分（只剩下四個(gè)角了）還是會(huì)等比例顯示．這個(gè)鬼東西對(duì)像這樣的Flex滾動(dòng)條，或者在拉伸那種圓角矩形時(shí)，非常有用．


新聞標(biāo)題：學(xué)習(xí)筆記Flex中設(shè)置Flex滾動(dòng)條的樣式
文章地址：http://m.5511xx.com/article/cdjegjs.html