1

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

这在 Flex 中可行吗？

我看过

VDividedBox

控制哪种做我所追求的，但不喜欢“分隔线”。

任何想法将不胜感激。

4

2 回答 2

1

好的，这就是我创建固定顶部组件和滚动底部组件的方式

VDividedBox

将heightVDividedBox 内的第二个 Box 的 设置为“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>
于 2011-11-24T01:33:13.800 回答
0

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

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

于 2011-11-23T03:19:08.910 回答