的Flex 4 - 滾輪皮膚

Question

我想皮膚滾輪在我的應用程序，使其看起來像http://insideria.com/2009/11/flex-101-customize-scrollbars.html

這個例子在Flex 3的進行，圖像在CSS設置中提到的例子。

我試圖創建一個皮膚組件滾輪，看到它使用VScrollBar和HScrollBar控件。我試圖把這些組件的皮膚。 VScrollBar使用單獨的皮膚作爲軌跡，縮略圖，遞減/遞增按鈕。

我試圖在皮膚上做一些改變，但是它們在應用程序中根本沒有反映出來。

有人可以告訴我，如果我朝着正確的方向前進嗎？

我只是想用自定義的拇指在Flex 4中創建一個自定義滾動條。如果你能給我這方面的建議，將不勝感激。

Answer 1

創建皮膚文件：VScrollBarSkin，VScrollBarThumbSkin，VScrollBarTrackSkin，HScrollBarSkin，HScrollBarThumbSkin和HScrollBarTrackSkin。 （我通常使用默認皮膚作爲起點。）確保VScrollBarSkin和HScrollBarSkin文件引用您的新的曲目/拇指皮膚。然後將它們設置爲像你這樣的CSS：

s|HScrollBar { 
    skinClass: ClassReference("my.path.to.skins.HScrollBarSkin"); 
} 

s|VScrollBar { 
    skinClass: ClassReference("my.path.to.skins.VScrollBarSkin"); 
} 

希望有幫助。

Answer 2

這聽起來像你會朝着正確的方向也許嘗試怎麼在這裏張貼作爲一個例子第一，我沒有給這個行程中還沒有，但它看起來像一個很好的例子：http://dgrigg.com/blog/2010/07/06/flex-spark-list-with-custom-scroll-bar-and-itemrenderer/