Flex 第一个窗口宽度/边界被忽略

Question

我有一个窗口，我想在其中添加/删除组件并根据状态相应地调整窗口大小。但由于某种原因它忽略了第一次调整大小。 这是一个示例代码

<?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"
                       minWidth="450"
                       minHeight="355"
                       currentState="{stateBox.selected ? 'one' : 'two'}"
                       currentStateChange="handleStateChange(event.oldState, event.newState)">

    <fx:Script>
        <![CDATA[
            private function handleStateChange(oldState:String, newState:String):void 
            {
                if (oldState == "two") {
                    width   -= 341;
                    minWidth    = 450;
                } else {
                    width   += 341;
                    minWidth    = 791;
                }
            }
        ]]>
    </fx:Script>

    <s:states>
        <s:State name="one" />
        <s:State name="two" />
    </s:states>
    <s:Rect id="rect1" top="0" left="0" right="0" right.two="341"  bottom="0" >
        <s:fill>
            <s:SolidColor color="0xDDDDDD" />
        </s:fill>
    </s:Rect>

    <s:Rect id="rect2" top="0" bottom="0" width="341" right="0" includeIn="two" >
        <s:fill>
            <s:SolidColor color="0x000000" />
        </s:fill>
    </s:Rect>

    <s:CheckBox id="stateBox" label="change state" />
</s:WindowedApplication>

想法是当状态更改为“two”时，我想添加 rect2 来显示并增加窗口的 minWidth 和大小。当状态更改为“一”时，我想从显示中删除 rect2 并调整窗口大小。这似乎有效，除了窗口在第一次状态从“二”变为“一”时不会缩小，但之后按预期工作。我不知道为什么它会忽略我第一次减小宽度。我还尝试直接更改nativeWindow.bounds，但这也不起作用。

最初我只是尝试根据状态设置 minWidth (minWidth.one="450 minWidth.two="791") 但这导致窗口在左侧增大并在右侧缩小，这导致每当状态发生变化时窗口都会向左移动。所以然后每当状态发生变化时，我都会将窗口移至右侧，但这会导致一些我不想要的闪烁，

有人知道为什么会发生这种情况吗？或者有什么好的解决方案可以解决我的问题吗？

Answer 1

尝试将这些行从：

                width   -= 341;
                minWidth    = 450;

翻转到：

                minWidth    = 450;
                width   -= 341;

我认为问题在于一般情况下设置条件的方式......我将复制您的代码并修改它我将如何执行此操作并重新发布为编辑，但您可以尝试上述建议（我相信您可能将宽度设置为低于最小宽度，然后减小 minWidth，因此首先设置的宽度将被设置为无效的宽度当前的 minWidth，认为您可能只在第一次看到这个，因为编辑时间

（编辑两次，通过将最小和最大高度设置为等于设置高度来添加锁定窗口大小）：

<?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"
                       minHeight="355"
                       maxHeight="355"
                       minWidth="450"
                       width.two="791"
                       width.one="450"
                       minWidth.one="450"
                       minWidth.two="791"
                       maxWidth.one="450"
                       maxWidth.two="791">

    <fx:Script>
        <![CDATA[
            protected function stateBox_changeHandler(event:Event):void
            {
                // TODO Auto-generated method stub
                currentState=stateBox.selected ? 'two' : 'one';
            }
        ]]>
    </fx:Script>

    <s:states>
        <s:State name="one"/>
        <s:State name="two"/>
    </s:states>

    <s:HGroup width="100%"
              height="100%"
              gap="0">
        <s:Rect width="450"
                height="100%">
            <s:fill>
                <s:SolidColor color="0xff0000"/>
            </s:fill>
        </s:Rect>

        <s:Rect width="341"
                height="100%"
                includeIn="two">
            <s:fill>
                <s:SolidColor color="0x000000"/>
            </s:fill>
        </s:Rect>
    </s:HGroup>

    <s:CheckBox id="stateBox"
                label="change state"
                change="stateBox_changeHandler(event)"/>
</s:WindowedApplication>

这是否实现了所需的行为 ^ （抱歉，我知道我更改了很多代码，但这就是我的处理方法，也许这不起作用，因为您需要设置其他显式大小，但似乎实现了我的目标）