滚动条换肤问题

Question

我正在我的 Flex 应用程序中剥皮滚动条，但遇到了一个问题。 滚动条之间的这个白色方块（查看图像）破坏了我所有的设计，我需要禁用它，使其不可见，更改它的背景颜色，alpha 或类似的东西。

我可以在这里粘贴一些代码，但我认为没有必要。 在 Flex 3 中工作。 有什么想法吗？

替代文本 http://img97.imageshack.us/img97/9206/scrollbar.png< /a>

Answer 1

我实际上在 Flex 框架内部找到了罪魁祸首。
这个正方形（称为 whiteBox）是在 Container.as 中创建的。

摆脱它非常容易，您只需创建一个扩展您要使用的容器的类即可。

画布示例：

package
{
    import mx.containers.Canvas;

    public class NoWhiteBoxCanvas extends Canvas
    {

        public function NoWhiteBoxCanvas()
        {
            super();
        }

        override public function validateDisplayList():void
        {
            super.validateDisplayList();
            this.whiteBox.visible = false;
        }

    }
}

然后在您的 MXML 中：

<local:NoWhiteBoxCanvas width="300" height="300" horizontalScrollPolicy="on" verticalScrollPolicy="on"/>

...然后就不再有白色方块了;)

Answer 2

您是否尝试过

background-alpha: 0.0;

在获取滚动条的容器上进行设置？它应该让容器的矩形拾取父级的颜色。

Answer 3

一个肮脏的伎俩是使用遮罩来隐藏该方块。
像这样的：

<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="creationComplete()">

    <mx:Script>
        <![CDATA[
            import mx.core.UIComponent;

            public function creationComplete():void
            {
                var compMask:UIComponent = new UIComponent;
                compMask.graphics.beginFill( 0xff0000 );
                compMask.graphics.drawRect( 0, 0, comp.width, comp.height - 16 );
                compMask.graphics.drawRect( 0, comp.height - 16, comp.width - 16, 16 );
                compMask.graphics.endFill();
                addChild( compMask );
                comp.mask = compMask;
            }
        ]]>
    </mx:Script>

    <mx:Canvas id="comp" width="300" height="300" horizontalScrollPolicy="on" verticalScrollPolicy="on"/>

</mx:WindowedApplication>

刚刚尝试过，它有效。每次调整组件大小时，您只需重新绘制蒙版。最好的办法是创建一个扩展 Canvas 的自定义类并自行完成工作。

编辑：当然，如果值不同，您将需要根据自定义滚动条的权重更改“16”。

Answer 4

您已经有了一个很好的答案，但另一种选择是手动管理滚动条。您可以将滚动条放置在应用程序中的任何位置，并将其绑定以滚动您想要的控件。这样做，您可以有效地让垂直滚动条拉伸那些额外的 16 个像素以覆盖白框。请注意，只有在保证始终需要滚动条的情况下我才会这样做。最终看起来会像我在这里绘制的非常糟糕的文字：

          |  |
          |  |
__________|__|
_______| >|\/|