控制哪个 VBox 获取滚动条

Question

我有以下应用程序，我试图在 TabNavigator 内的某处放置一个滚动条，最好是在最里面的 Vbox 上，但滚动条总是在面板上结束。是否有某种属性可以控制这一点？我以为 height=100% 会控制它，但它似乎不起作用。

样品在这里。你可以在上面查看源码： VBox Sample

这里是源代码：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" viewSourceURL="srcview/index.html">
    <mx:Panel width="400" height="400">
        <mx:TabNavigator width="100%" height="100%" creationPolicy="all">
            <mx:VBox label="Tab 1" width="100%" height="100%">
                <mx:ViewStack width="100%" height="100%">
                    <mx:VBox width="100%" height="100%">
                        <mx:Text width="100%" height="500" text="This box is taller than the Panel, but the scrollbar is on the window." />
                    </mx:VBox>
                </mx:ViewStack>
            </mx:VBox>
        </mx:TabNavigator>    
    </mx:Panel>
</mx:Application>

Answer 1

我发现正确的解决方案是将盒子上的 minheight 设置为 0。当 minheight 未定义时，盒子将尝试保持在测量的高度。通过设置 minheight，您可以告诉框可以缩小。

Answer 2

我过去遇到过这个问题，解决方案有点不靠谱，但希望这会有所帮助：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
    <mx:Panel width="400" height="400" verticalScrollPolicy="off">
        <mx:TabNavigator width="100%" height="100%">
            <mx:VBox id="container" label="Tab 1" width="100%" height="100%">
                 <mx:ViewStack width="100%" height="{container.height - 20}">
                    <mx:VBox width="100%" height="100%">
                        <mx:Text width="100%" height="500" text="This box is taller than the Panel, but the scrollbar is on the window." />
                    </mx:VBox>
                </mx:ViewStack>
            </mx:VBox>
        </mx:TabNavigator>    
    </mx:Panel>
</mx:Application>

Flex 似乎在大约 98% 的情况下都能正确计算动态组件尺寸，但有时我们需要“按摩”逻辑。

当您查看您的布局层次结构（如上所示）时，您只需为数据绑定命名父容器（在本例中为 Tab1），然后使用该容器的高度属性来调整大小。 （您也不需要需要在面板上明确声明verticalScrollPolicy="off"，但我使用if 来衡量：P）

请注意，您可能需要从给定高度中减去一点，否则您的滚动条将低于组件边界；）