有没有办法在固定的flex中放置组件？

Question

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

Flex中有可能吗？

我看了看

VDividedBox

控制要做什么，但不喜欢“分隔线”。

任何想法将不胜感激。

Answer 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>

Answer 2

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

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