ScrollBar问题

Question

我想在我的FLEX 3.0应用程序中创建一个自定义滚动条。应启用该选项以使用文本，而不是ScrollThumb中显示的|...

我使用了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);
}

在这里，我给你的样本图像，我想要创建的滚动条。

​

​

请帮帮我。

Answer 1

您需要创建一个自定义的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。滚动条和拇指本身将不能知道它在多少页上，或者正在显示多少项。但是，如果你想要一个percerntage，这可以在滚动中完成。