ScrollBar问题

Question

我想在我的FLEX 3.0应用程序中创建自定义滚动条。哪个应该允许使用Text而不是||||在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

要将分页数据导入滚动条，您必须在主上下文中计算分页数据，然后将分页信息作为字符串传递给带有标签的拇指指纹。卷轴和拇指本身将无法知道它所在的页数，或者正在显示的项目数。但是，如果你想要一个percerntage，可以在滚动条中完成。