Question

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

此示例在Flex 3中完成，图像在CSS中设置。

我尝试为组件 Scroller 创建一个外观，并看到它使用 VScrollBar 和 HScrollBar 。我试图为这些组件设置皮肤。 VScrollBar 使用单独的皮肤作为轨道，拇指，减量/增量按钮。

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

有人可以告诉我，我是否朝着正确的方向前进？

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

Answer 1

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

Answer 2

为以下内容创建外观文件：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");
}

希望有所帮助。

Flex 4 - Scroller皮肤

2 个答案: