新聞中心
在學(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)站制作要多少錢,請(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)的(代碼寫在外部的CSS文件中,如main.css中).
- 1.
- 2.HScrollBar{
- 3.downArrowUpSkin:
- 4.Embed(source=”/assets/downArrow.png”);
- 5.downArrowOverSkin:
- 6.Embed(source=”/assets/downArrow.png”);
- 7.downArrowDownSkin:
- 8.Embed(source=”/assets/downArrow.png”);
- 9.upArrowUpSkin:
- 10.Embed(source=”/assets/upArrow.png”);
- 11.upArrowOverSkin:
- 12.Embed(source=”/assets/upArrow.png”);
- 13.upArrowDownSkin:
- 14.Embed(source=”/assets/upArrow.png”);
- 15.thumbDownSkin:
- 16.Embed(source=”/assets/thumb.png”,
- 17.scaleGridLeft=”7″,scaleGridTop=”5″,
- 18.scaleGridRight=”8″,scaleGridBottom=”7″);
- 19.thumbUpSkin:
- 20.Embed(source=”/assets/thumb.png”,
- 21.scaleGridLeft=”7″,scaleGridTop=”5″,
- 22.scaleGridRight=”8″,scaleGridBottom=”7″);
- 23.thumbOverSkin:
- 24.Embed(source=”/assets/thumb.png”,
- 25.scaleGridLeft=”7″,scaleGridTop=”5″,
- 26.scaleGridRight=”8″,scaleGridBottom=”7″);
- 27.trackSkin:
- 28.Embed(source=”/assets/scrolltrack.png”,
- 29.scaleGridLeft=”7″,scaleGridTop=”4″,
- 30.scaleGridRight=”8″,scaleGridBottom=”6″);
- 31.}
以上CSS的代碼都比較簡(jiǎn)單明了,只是thumbDownSkin,thumbUpSkin,thumbOverSkin,trackSkin四個(gè)中的后面4個(gè)屬性(scaleGridLeft,scaleGridTop,scaleGridRight,scaleGridBottom)比較怪怪,一開始我也不懂是啥意思.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í),非常有用.
當(dāng)前題目:學(xué)習(xí)筆記Flex中設(shè)置Flex滾動(dòng)條的樣式
瀏覽路徑:http://m.fisionsoft.com.cn/article/cdjegjs.html


咨詢
建站咨詢
