的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/