1

我已经把头发扯了一个多星期了，是时候寻求帮助了...

我正在编写一个小应用程序来显示下一班离开车站的火车。通常只显示下一班列车的小时数，但如果您单击首选项按钮，应用程序窗口会放大，并显示包含列车和小时数的数据网格。在该状态下单击关闭按钮会使您返回到“开始”状态，或者应该这样做。

问题是数据网格消失了，但应用程序窗口的大小保持不变。它应该恢复到原来的大小。

我一直在尝试很多不同的方法，用 Canvas 或 Panels 替换 VBoxes，但没有一个奏效。在设计模式下，在状态之间切换时一切都按预期工作。

这是我第一次使用状态，所以我可能会遗漏一些基本的东西。

这是一个代码示例 - 我正在使用 2 个视图状态，开始和首选项。

<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" 
creationComplete="init();" 
cornerRadius="12"
currentState='Start' width="350" height="250">
<mx:states>
    <mx:State name="Start">
        <mx:AddChild>
            <mx:VBox id="box_parent" width="100%" height="100%" verticalGap="2">
                <mx:Label text="Next Train Leaves At" textAlign="center" width="100%"/>
                <mx:Label text="--:--" width="100%" height="100" fontSize="64" id="timetext" textAlign="center" fontWeight="bold"/> 
                <mx:HBox width="100%" height="25" id="hbox1">
                    <mx:Button label="Prefs"
                        id="buttonPrefs"
                        click="currentState='Prefs'"/>
                    <mx:Spacer width="70%" id="spacer1"/>
                    <mx:Button 
                        label="Next"
                        click="findNextTrain()" id="buttonNext"/>   
                </mx:HBox>      
            </mx:VBox>      
        </mx:AddChild>
        <mx:SetProperty name="layout" value="vertical"/>
        <mx:SetProperty name="width" value="350"/>
        <mx:SetProperty name="height" value="220"/>
    </mx:State>
    <mx:State name="Prefs" basedOn="Start">
        <mx:AddChild relativeTo="{box_parent}" position="lastChild">
            <mx:DataGrid height="80%" width="100%" dataProvider="{trains}" id="traindata" editable="false">
                <mx:columns>
                    <mx:DataGridColumn headerText="Station" dataField="stationid"/>
                    <mx:DataGridColumn headerText="Leave" dataField="leave"/>
                </mx:columns>
            </mx:DataGrid>
        </mx:AddChild>
        <mx:RemoveChild target="{buttonPrefs}"/>
        <mx:SetProperty target="{box_parent}" name="height" value="500"/>
        <mx:AddChild relativeTo="{spacer1}" position="before">
            <mx:Button label="Close" click="currentState='Start'"/>
        </mx:AddChild>
        <mx:SetProperty name="height" value="570"/>
    </mx:State>
</mx:states>

<mx:transitions> 
    <mx:Transition fromState="*" toState="*"> 
        <mx:Resize target="{this}" duration="500"/> 
    </mx:Transition> 
</mx:transitions> 
</mx:WindowedApplication>
4

1 回答 1

1

我还没有找到将 Flex 中的状态重置为 MXML 中提供的值的方法。您必须以编程方式重置您需要的自我价值。在提供的示例代码的情况下，您可以通过将以下内容添加到 WindowedApplication 标签

currentStateChange="if(currentState == 'Start') this.height = 220"

这告诉 WindowedApplication 标签处理更改当前状态后调度的事件以检查新的当前状态是否为 Start，如果是则设置窗口高度。

于 2009-06-16T23:08:09.890 回答