1

このフォームを作成しましたが、ご覧のとおり、フィールドの最初の列が正しく配置されていません。グラフィカルエディタでやろうとしましたが、うまくいきません。

フレックスフォーム

コードは次のとおりです。

<mx:TitleWindow
    id="SearchTitleWindow"
    title="Recherche"
    showCloseButton="true"
    horizontalAlign="right"
    width="627.8656"
    height="201" x="267" y="275">

    <mx:VBox width="100%" height="116">
        <mx:HBox>
            <mx:FormItem label="Numéro voie : "  width="140.71146" height="21.007908">
                <mx:TextInput id="numVoie" width="41.916996" height="21.007908"/>
            </mx:FormItem>
            <mx:FormItem label="Nature voie : " >
                <mx:TextInput id="natVoie" width="100"/>
            </mx:FormItem>
            <mx:FormItem label="Nom voie* : " >
                <mx:TextInput id="nomVoie" width="163.91306" height="21.007908"/>
            </mx:FormItem>
        </mx:HBox>
        <mx:HBox width="597.33203" height="20.98814">
            <mx:FormItem label="Complement :   "  width="599.3083" height="21.007908">
                <mx:TextInput id="Complement" width="497.92493" height="21.007908"/>
            </mx:FormItem>
        </mx:HBox>
        <mx:HBox>
            <mx:FormItem label="Code postal* : " >
                <mx:TextInput id="codePostal" width="101.581024" height="21.996048"/>
            </mx:FormItem>
            <mx:FormItem label="Commune* : " >
                <mx:TextInput id="Commune" width="294.13046" height="21.007908"/>
            </mx:FormItem>
        </mx:HBox>
        <mx:HBox>
            <mx:FormItem label="Coordonnées : " >
                    <mx:TextInput id="coordOne" width="169.01187" height="21.007908"/>
            </mx:FormItem>
            <mx:FormItem label="   " >
                <mx:TextInput id="coordTwo" width="169.40714" height="21.007908"/>
            </mx:FormItem>
            <mx:Button id="geocoderTourneeSearchBtn"
                       styleName="button"
                       width="120"
                       label="Géocoder"/>
        </mx:HBox>
    </mx:VBox>

    <mx:ControlBar horizontalAlign="right" height="45">
        <mx:Button id="cancelTourneeSearchBtn"
                   styleName="button"
                   width="200"
                   label="Annuler"/>
        <mx:Button id="searchTourneeSearchBtn" 
                   styleName="button"
                   width="200"
                   label="Rechercher"/>
    </mx:ControlBar>
</mx:TitleWindow>

奇妙な高さと幅のパラメーターは、グラフィカル エディターによって設定されています。どのようにそれを行うのですか？

ありがとうございました。

PS : flex SDK 3.5 しか使用できません

4

2 に答える 2

0

実際、この問題はラベルの幅が異なるために発生します。私のプロジェクトでも同じ問題に直面しました。そして、各 formItem ラベルの幅を等しく設定することで、この問題を修正しました。すべての formItem ラベルの幅を、最長のラベルの幅で設定する必要があります。

あなたのフォームでは、ラベル「Coordonnées」の幅が最大になっています。したがって、各 formItem ラベルの幅を「Coordonnées」ラベルの幅に設定します。

于 2013-05-31T14:02:21.697 に答える