HDividedBox 手风琴列表调整大小

Question

我想使用 HDividedBox，但遇到调整大小问题。 事实上，当我减少手风琴组件的宽度时，列表并没有减少。 在下面找到我的代码

<mx:HDividedBox width="100%"
                                height="100%"
                                color="0x323232">

                    <mx:Accordion width="40%" height="100%" >
                        <s:NavigatorContent width="100%" label="Courriers">
                            <s:List id="liCourriers" borderVisible="false"
                                    width="100%"
                                    change="itemCOIndexChangeHandler(event)" dataProvider="{DP_PAT_COURR}">

                            </s:List>
                        </s:NavigatorContent>

                        <s:NavigatorContent width="100%" height="100%" label="Courriers Images">
                        </s:NavigatorContent>

                        <s:NavigatorContent width="100%" height="100%" label="Docs Entrant">
                        </s:NavigatorContent>
                    </mx:Accordion>

                    <mx:HTML height="100%"
                             width="60%"
                             id="coContent"
                             borderVisible="true"
                             >

                    </mx:HTML>
                </mx:HDividedBox>

感谢您的帮助

Answer 1

尝试将列表的高度和 NavigatorContent 设置为 100%。

抱歉我之前的回复。事实上，我把“宽度”这个词误读成了“高度”:(
我尝试重现该问题，发现在特定级别上，列表不会进一步缩小。

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
                       xmlns:s="library://ns.adobe.com/flex/spark" 
                       xmlns:mx="library://ns.adobe.com/flex/mx"
                       creationComplete="onCreationComplete(event)">
    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            import mx.events.FlexEvent;

            protected function onCreationComplete(event:FlexEvent):void
            {
                var coll:ArrayCollection = new ArrayCollection();
                for(var i:int; i < 1000; i++)
                {
                    coll.addItem(i.toString() + 'Some lengthy string need to be attached.');
                }
                liCourriers.dataProvider = coll;

            }

        ]]>
    </fx:Script>
    <mx:HDividedBox width="100%"
                    height="100%"
                    color="0x323232">

        <mx:Accordion id="accordion" width="40%" height="100%" >
            <s:NavigatorContent id="nc" width="100%" label="Courriers">
                <s:List id="liCourriers" borderVisible="false"
                        width="100%">

                </s:List>
            </s:NavigatorContent>

            <s:NavigatorContent width="100%" height="100%" label="Courriers Images">
            </s:NavigatorContent>

            <s:NavigatorContent width="100%" height="100%" label="Docs Entrant">
            </s:NavigatorContent>
        </mx:Accordion>
        <s:Panel title="Panel" width="100%">
            <s:layout>
                <s:VerticalLayout paddingBottom="10" paddingLeft="10" paddingRight="10" paddingTop="10"/>
            </s:layout>
            <s:Label text="{'Accordion width: '+accordion.width}" width="100%"/>
            <s:Label text="{'Navigator Content width: '+nc.width}" width="100%"/>
            <s:Label text="{'List width: '+liCourriers.width}" width="100%"/>
            <mx:HTML height="100%"
                     width="60%"
                     id="coContent"
                     borderVisible="true"
                     >

            </mx:HTML>
        </s:Panel>
    </mx:HDividedBox>
</s:WindowedApplication>