1

私は今一週間かそこらで髪を引き裂いてきました、それは私がいくつかの助けを求める時です...

駅を出る次の電車を表示する小さなアプリをコーディングしています。通常、次の電車の時間のみが表示されますが、設定ボタンをクリックすると、アプリケーションウィンドウが拡大し、電車と時間のデータグリッドが表示されます。その状態で閉じるボタンをクリックすると、「開始」状態に戻るか、そうする必要があります。

問題は、データグリッドが消えても、アプリケーションウィンドウが同じサイズのままになることです。元のサイズに戻るはずです。

VBoxをCanvasまたはPanelに置き換えて、さまざまなアプローチを試してきましたが、どれも機能しませんでした。デザインモードでは、状態を切り替えるときにすべてが期待どおりに機能します。

状態を使用するのはこれが初めてなので、基本的なものが欠けている可能性があります。

これがコードサンプルです-私は2つのビューステート、StartとPrefsを使用しています。

<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"

これにより、現在の状態を変更した後に送出されるイベントを処理して、新しい現在の状態が Start であるかどうかを確認し、Start である場合はウィンドウの高さを設定するよう WindowedApplication タグに指示します。

于 2009-06-16T23:08:09.890 に答える