flex includeInLayout

最新推荐文章于 2019-11-16 22:40:29 发布

原创最新推荐文章于 2019-11-16 22:40:29 发布 · 527 阅读

0 ·

CC 4.0 BY-SA版权

Adobe 专栏收录该内容

69 篇文章

订阅专栏

本文探讨了Flex布局中includeInLayout属性的作用，通过实例展示了如何利用该属性控制组件是否参与布局计算，这对于动态调整界面布局非常有用。

flex includeInLayout 隐藏是否参与布局

一般设置组件的visible=false;组件的位置还留着

当希望组件隐藏，同时自动布局清空组件的位置；

ComponentId.includeInLayout=false;

<mx:VBox>
        <mx:Panel id="p1" 
            title="Panel 1" 
            backgroundColor="#FF0000"/>
        <mx:Panel id="p2" 
            title="Panel 2" 
            backgroundColor="#00FF00"/>
        <mx:Panel id="p3" 
            title="Panel 3" 
            backgroundColor="#0000FF"/>
    </mx:VBox>

    <mx:HBox>
        <mx:Button label="Toggle Panel 2 Visible" 
            click="{p2.visible=!p2.visible;}"/>
        <mx:Button label="Toggle Panel 2 in Layout" 
            click="{p2.includeInLayout=!p2.includeInLayout;}"/>
    </mx:HBox>