5

我正在使用 Adob​​e Flex 和 AIR 开发一个应用程序，我一直在努力寻找解决滚动问题的方法。

我的主应用程序窗口的基本结构（大大简化）是这样的：

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml"
   paddingTop="0" paddingRight="0" paddingBottom="0" paddingLeft="0"
   width="800" height="600" layout="vertical" verticalAlign="top" 
>
   <mx:VBox id="MainContainer" width="100%" height="100%">
      <mx:Panel id="Toolbars" width="100%" height="25" />
      <mx:HDividedBox width="100%" height="100%" >
         <mx:Panel id="Navigation" minWidth="200" height="100%" />
         <mx:VBox id="MainContent" width="100%">
            <mx:Panel width="100%" height="200" />
            <mx:Panel width="100%" height="200" />
            <mx:Panel width="100%" height="200" />
            <mx:Panel width="100%" height="200" />
            <mx:Panel width="100%" height="200" />
         </mx:VBox>
         <mx:Panel id="HelpContent" minWidth="200" height="100%" />
      </mx:HDividedBox>
      <mx:Panel id="FooterContent" width="100%" height="25" />
   </mx:VBox>
</mx:WindowedApplication>

问题是“MainContent”框可能包含一个巨大的子组件列表，并且该长列表的存在导致垂直滚动条出现在 GUI 的最高级别，围绕“MainContainer” vbox。

它看起来很傻，在整个应用程序窗口周围都有滚动条。

我正在寻找的解决方案是滚动条仅应用于“MainContent”vbox（以及导航和帮助内容面板，如果它们的内容超出窗口边界）。

我在 StackOverflow 上找到了一个相关问题，该问题的解决方案是在父容器上使用“autoLayout”和“verticalScrollPolicy”属性。

因此，我尝试将 autoLayout="false" 和 verticalScrollPolicy="off" 属性添加到所有父容器，并将 verticalScrollPolicy="on" 属性添加到“MainContent”vbox。但是该实验的最终结果是内容只是从主容器中剪切出来的（并且在 MainContent vbox 中添加了一个没有拇指的无用滚动条）。

有谁知道如何解决这个问题？

4

4 回答 4

6

HBox 或 VBox 将尽可能努力地在没有滚动条的情况下显示其内容。如果内容太大而无法容纳在可用范围内，这会强制父容器（通常一直到主应用程序）成为必须滚动的容器。

在幕后，HBox 或 VBox 在其 measure() 函数中设置 measureMinWidth 和 measureMinHeight 属性以匹配其子项所需的尺寸。父容器将尊重该建议，并且滚动任务在显示列表中向上移动。

hasseg 的解决方案在许多情况下都有效，因为它会阻止容器进行测量，但它有点 hacky。在不为容器构建替换子类的情况下，您可以执行以下操作。在要滚动的容器实例上，将 minWidth 或 minHeight 设置为 0。这将优先于该容器的measuredMinWidth 或measuredMinHeight 属性，允许父级将实际大小设置为更易于管理的值。

于 2008-12-11T22:40:44.463 回答
1

找到了解决方案。

看起来阻止 VBox 积极扩展其垂直空间（并迫使其父级增长滚动条）的唯一方法是将 VBox 包装在 Canvas 中。

这里有一个方便的小组件，称为 ScrollableVBox，它在处理一些簿记问题的同时执行解决方法（例如向 VBox 添加和删除子项，将它们传递给 Cavas 包装器）。

于 2008-12-10T12:24:19.530 回答
0

您的问题看起来很像我前段时间遇到的问题。我从这个讨论中找到了答案：只需禁用measure().Box

这是一个非常简单的解决方法，在我的情况下非常有效，并且没有造成任何“附带损害”。您的结果可能会有所不同。

package whatever
{
    import mx.containers.Box;

    /**
    * A Box that has no measure() implementation.
    * 
    * <p>
    * See http://old.nabble.com/-flex_india%3A3318--Size-layout-issues-with-respect-to-parent-containers-to12882767.html
   *  for more info.
    * </p>
    */
    public class NonMeasuredBox extends Box
    {
        /**
        * Constructor
        */
        public function NonMeasuredBox():void
        {
            super();
        }

        override protected function measure():void { /* disabled */ }
    }
}
于 2008-12-10T12:32:45.207 回答
0

不要将 VBox 包装在 Canvas 中，而是将您想要滚动条的 VBox 的 minHeight 属性设置为 0。

于 2011-01-26T09:38:30.847 回答