flex <mx:List> 被其他 UI 组件隐藏

Question

在 flex UI 中，我的<mx:list> 无法完全显示，因为其他组件遮蔽（例如：刷新按钮遮蔽部分）。如何将<mx:list> 放在所有其他 UI 组件的前面。

这是我的代码：

<s:HGroup  verticalAlign="middle">

        <s:Label text="Choose Log File"/>
        <mx:ComboBox id ="logFileChooseCombo" dataProvider="{fileNameList}" width="150" color="0x000000"
                     close="changeLogFilesHandler(event);"/>

        <mx:Spacer width="320" />
        <s:Label text="Filter or HighLight:" />

        <mx:ComboBox id ="filterChooseCombo" dataProvider="{filterOrHighlight}" width="150" color="0x000000"/>
        <s:VGroup height="25">

            <s:TextInput id="logContentInput" change="filterLogContent()"
                         enabled="true"
                         focusIn="clearMyTextInput()"
                         text="Filter/HightLight"
                         width="250" height="26"/>



            **<mx:List id="searchMsgList"** x="65" y="35" width="200" height="200"  fontSize="12" 
                      change="itemChangEvent(event);"       />





        </s:VGroup>


    </s:HGroup>

    </mx:Canvas>


    <s:HGroup  verticalAlign="middle">

        <s:Label text="Filter By Log Level:"/>
        <mx:ComboBox id ="logLevelCombo" dataProvider="{logLevelsInt}" width="150" color="0x000000"
                     close="changeLogLevelHandler(event);"/>


        <s:CheckBox id="showStack"  click="showStackTrace(event)" selected="false"/>
        <s:Label text="show stackTraces"/>
        <mx:Spacer width="550" />
        <s:Button id="test" label="refresh2">

        </s:Button>

    </s:HGroup>

Answer 1

您有很多事情要做，其中包含嵌套布局以及 Halo 和 Spark 容器的混合。我不确定您要创建什么布局。

也就是说，看看swapChildren 方法。像这样的东西应该可以工作：

this.swapChildren(refresh2, searchMsgList);

但它很可能会隐藏您的刷新按钮，这似乎不太理想。

有几件事让我印象深刻：

在您的第一个 VGroup 中，您指定了 x 和 y 值。我认为这些值在 VGroups 中被忽略了，它会自动将您的孩子定位在垂直线上。

我看到了一个结束的</mx:Canvas> 标记，但没有看到一个开始的画布标记。在所有 HGroups 和 VGroups 中使用画布对我来说是不寻常的。