Flex ScrollBars

Question

我在显示Flex应用程序的滚动条时遇到问题...我尝试了一个带有画布的非常基本的应用程序，但是滚动条从来没有出现在浏览器窗口上，尽管画布比屏幕上显示的要大得多。有人能帮帮忙吗？下面是我的代码：

    <?xml version="1.0" encoding="utf-8"?>
    <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
    xmlns:s="library://ns.adobe.com/flex/spark" 
    xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

    <mx:Canvas id="MyCanvas" height="2500" width="2000" verticalScrollPolicy="auto" 
    horizontalScrollPolicy="auto" backgroundColor="black" symbolColor="#000000"
    contentBackgroundColor="#080808"/>

    </s:Application>

Answer 1

是否要在画布中显示滚动条？还是在你的主应用程序中？如果您想在画布中添加滚动条，只需添加超出画布高度和宽度的内容即可。它会“神奇地”添加它们，因为这就是MX/Halo组件的作用。

如果您希望在主应用程序中使用滚动条，则必须使用滚动条组件和组手动添加它们。从概念上讲是这样的：

    <?xml version="1.0" encoding="utf-8"?>
    <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
    xmlns:s="library://ns.adobe.com/flex/spark" 
    xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

<s:Scroller height="100" width="100">
 <s:Group width="100%" height="100%" clipAndEnableScrolling="true">
    <mx:Canvas id="MyCanvas" height="2500" width="2000" verticalScrollPolicy="auto" 
    horizontalScrollPolicy="auto" backgroundColor="black" symbolColor="#000000"
    contentBackgroundColor="#080808"/>

 </s:Group>

</s:Scroller>

    </s:Application>

根据我的经验，您需要在滚动条上指定固定的高度和/或宽度才能显示滚动条。还要确保在滚动条内部的组上执行clipAndenableScrolling操作，否则内容将显示在滚动条的视窗之外--这有点违背了目的。

Some good info from Adobe.

Answer 2

我在我的应用程序mxml周围使用滚动条/组就可以了，我尝试了别人的滚动条皮肤定义，但它不起作用。

主要的事情是设置所有的高度和宽度为100%的应用程序，滚动和组。

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
           xmlns:s="library://ns.adobe.com/flex/spark"
           xmlns:mx="library://ns.adobe.com/flex/mx"
           width="100%" height="100%>
<s:Scroller height="100%" width="100%" horizontalScrollPolicy="on" verticalScrollPolicy="on">
<s:Group left="0" right="0" top="0" bottom="0">
     <!--...mxml....-->
</s:Group>
</s:Scroller>
</s:Application>

Answer 3

在Flex ( 4+ )中，你不再使用"scrollPolicies“。MX画布仍然有效，因此如果画布内容超过2500x2000，它们将滚动。

为了让你的整个应用程序都有一个滚动条，你需要为应用程序创建一个皮肤，并将"contentGroup“封装在一个标签中。

有关向spark应用程序添加滚动条的更多信息，请参阅：http://help.adobe.com/en_US/flex/using/WS2db454920e96a9e51e63e3d11c0bf62d75-7fff.html