有没有办法在固定的 flex 中定位组件？答案

【问题标题】：Is there a way to position a component in flex that is fixed?有没有办法在固定的 flex 中定位组件？
【发布时间】：2011-11-23 02:54:26
【问题描述】：

就像在 HTML / CSS 中一样，您可以使用 css 将 div 的位置设置为“固定”。例如，当用户向下滚动网页时，固定在网页顶部的标题。

这在 Flex 中可行吗？

我看过了

VDividedBox

控制我所追求但不喜欢“分隔线”的类型。

任何想法将不胜感激。

【问题讨论】：

标签： actionscript-3 apache-flex flex3 vbox

【解决方案1】：

好的，这就是我使用

创建固定顶部组件和滚动底部组件的方式

VDividedBox

设置VDividedBox内第二个Box的height为“1”是关键。只要有一些高度值，它就会按照我想要的方式工作。 VDividedBox 的另一个属性是verticalGap，我将其设置为 3 以使分隔线在没有可拖动图像的情况下出现。

这是代码。

<mx:VDividedBox id="vDividedBox" verticalGap="3" width="100%" height="100%">
    <mx:VBox id="vBox1" width="100%" backgroundColor="haloGreen">                
            <mx:Button label="button"></mx:Button>                
    </mx:VBox>
    <mx:VBox id="hBox2" width="100%" backgroundColor="haloBlue" height="1">
            <mx:Box height="3000" backgroundColor="blue" width="100%" horizontalAlign="center">
                <mx:Label text="scrollable content" color="white" fontSize="20"/>       
            </mx:Box>
    </mx:VBox>        
</mx:VDividedBox>

【讨论】：

【解决方案2】：

我没有在 Flex 中看到任何具有真正 CSS 样式 fixed 定位的盒子容器。一些 Flex 元素可以使用绝对定位（画布、应用程序或带有layout="absolute" 的面板），然后您可以将 VDividedBox 放置在绝对定位工具栏下方的图层上，这可能会产生固定工具栏的错觉。

您可能希望查看Javascript 外部接口 api，以创建一个位于 Flex 之外的工具栏，并使用它来控制您的某些 Flex UI。您可以使用 Javascript 在 HTML 和 Flex 之间传递坐标，以告诉 HTML 工具栏在 Flex SWF 上的位置。

【讨论】：

感谢迪伦的信息。不幸的是，我无法控制如何将内容从 HTML 传递到 Flex。那是另一个团队 yardy yarda yarda... 我所拥有的只是一个 .swf 文件，它将显示在浏览器窗口中。我一直在玩，偶然发现了一个解决方案！我会发布答案...