2012-01-25 63 views
2

我想在我的FLEX 3.0應用程序中創建一個自定義滾動條。這應該能夠使用文本而不是||||在ScrollThumb中顯示...ScrollBar問題

我已經使用mx_internal改變了它的風格,但仍然面臨着文本不顯示的問題。這裏是我創建的代碼。

import mx.core.mx_internal; 

use namespace mx_internal; 

public function onInit():void 
{ 
    scrollbar.scrollThumb.iconName = ""; 
    scrollbar.scrollThumb.labelPlacement = "left"; 
    var str:String = (scrollbar.scrollPosition+1).toString() + "/" + (scrollbar.maxScrollPosition+1).toString(); 
    scrollbar.scrollThumb.label = str; 
} 

<mx:HScrollBar id="scrollbar" width="100%" pageSize="1" styleName="customScrollBar" /> 

這是我給你的樣品圖像那種滾動條我想創建爲

.customScrollBar 
{ 
    up-arrow-skin: ClassReference(null); 
    down-arrow-skin: ClassReference(null); 
} 

這裏的樣式表。

enter image description here

請幫我...

回答

4

你需要創建一個自定義ThumbSkin類。

然後,將其指定爲CSS中的classReference。

要了解如何創建這些自定義外觀,請閱讀這兩個Adobe文檔。

http://livedocs.adobe.com/flex/3/html/help.html?content=skinning_7.html

http://livedocs.adobe.com/flex/3/html/help.html?content=skinning_5.html

要獲得分頁數據到滾動條,你將不得不計算的主背景下,尋呼數據,然後只在尋呼信息作爲一個字符串傳遞給thumbskin與一個標籤。滾動條和拇指本身將無法知道它有多少頁,或者顯示了多少項。但是,如果你想要一個選手,那可以在滾輪上完成。

+0

感謝您的回答。但我不知道如何創建自定義的ThumbSkin類,如果頁面更改,我需要將scrollThumb的文本更改爲3/5或4/5等。爲此,我需要在mx_internal中更改任何想法嗎?如果可能的話提供任何鏈接... –

+0

@SagarRawal更新鏈接爲你。 – Bob

+0

嗨,感謝您的鏈接,但仍然面臨着如何在scrollThumb中嵌入TEXT的問題。 –