Flex 4 - 滚轮皮肤答案

【问题标题】：Flex 4 - Scroller skinFlex 4 - 滚轮皮肤
【发布时间】：2011-06-05 09:17:49
【问题描述】：

我正在尝试在我的应用程序中为 Scroller 设置外观，使其看起来像 http://insideria.com/2009/11/flex-101-customize-scrollbars.html 中提到的示例

这个例子是在 Flex 3 中完成的，图像是在 CSS 中设置的。

我尝试为组件 Scroller 创建皮肤，发现它使用了 VScrollBar 和 HScrollBar。我试图为这些组件添加皮肤。 VScrollBar 为轨道、拇指、递减/递增按钮使用单独的皮肤。

我尝试对皮肤进行一些更改，但它们根本没有反映在应用程序中。

有人能告诉我我的方向是否正确吗？

我只想在 Flex 4 中使用自定义拇指创建自定义滚动条。如果您能就此提出建议，将不胜感激。

【问题讨论】：

标签： apache-flex flex4 scroll skinning skin

【解决方案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");
}

希望对您有所帮助。

【讨论】：

【解决方案2】：

听起来你的方向是正确的，也许先试试这里发布的例子，我还没有给出这个例子，但它看起来是一个很好的例子：http://dgrigg.com/blog/2010/07/06/flex-spark-list-with-custom-scroll-bar-and-itemrenderer/

【讨论】：