Flex滚动条样式问题

Question

我正在尝试在Vbox中设置vscrollbar和hscrollbar的样式。但是在右下角的cornor上总是有一个白色方形的东西，无法设置样式。

我的CSS是：

ScrollBar{
downArrowUpSkin: Embed(source="assets/images/scrollbar/arrow_down.png");
downArrowOverSkin: Embed(source="assets/images/scrollbar/arrow_down.png");
downArrowDownSkin: Embed(source="assets/images/scrollbar/arrow_down.png");
upArrowUpSkin: Embed(source="assets/images/scrollbar/arrow_up.png");
upArrowOverSkin: Embed(source="assets/images/scrollbar/arrow_up.png");
upArrowDownSkin: Embed(source="assets/images/scrollbar/arrow_up.png");
thumbDownSkin: Embed(source="assets/images/scrollbar/thumb.png");
thumbUpSkin: Embed(source="assets/images/scrollbar/thumb.png");
thumbOverSkin: Embed(source="assets/images/scrollbar/thumb.png");
trackSkin:Embed(source="assets/images/scrollbar/track.png");    
fillAlphas:0,0,0,0;}

有人能帮助我吗？非常感谢！

Answer 1

这很奇怪。右下角的白框实际上是容器的（原始）子项。

要解决此问题，您需要将要添加样式滚动条的任何容器子类化，并删除名为“whitebox”的子项：

var whitebox:DisplayObject = rawChildren.getChildByName('whiteBox');
if (whitebox)
   rawChildren.removeChild(whitebox);

IIRC你需要在两个地方完成上述任务：覆盖createChildren和覆盖validateDisplayList。在这两种情况下都要记得首先调用超类方法！

Answer 2

该区域不受滚动条控制，它是原始容器的一部分。 VBox的背景颜色是否设置为黑色？