0

以下のように Form に FormItem を配置します。

<mx:Form width="100%">
            <mx:FormItem label="Context Aware" width="100%" backgroundColor="red">
                <editorControls:CheckBox/>
            </mx:FormItem>
        </mx:Form>

実際のコンテンツの高さとフォーム アイテムの境界線の間にギャップがあります。FormItem の高さをコンテンツに厳密に合わせる方法について何か考えはありますか?

これは画像です:

ここに画像の説明を入力

4

1 に答える 1

0

チェックボックスは、実際にはアイコンとして画像が重ねられたボタンです。アイコンは、画像として空白のあるボックスです。空白を含まない新しい画像を作成し、現在のアイコンを置き換える必要があります。これは downstate などにも適用されるため、一連の同様のイメージが必要になることに注意してください。(Adobe のButton docs exampleを参照)。

もちろん、、、および で およびverticalGapindicatorGap0paddingTopに設定する必要があります。(参照: Form、FormHeading、および FormItem レイアウト コンテナーに関する Adob​​eの Flex ヘルプ、「フォームのレイアウト」というタイトルのセクション)。CheckBoxFormItemForm

サンプルコードは次のとおりです。

<mx:Form width="100%" backgroundColor="0x0000ff" verticalGap="0" paddingTop="0" indicatorGap="0">
    <mx:FormItem label="Context Aware" width="100%" backgroundColor="0x00ff00"  verticalGap="0" paddingTop="0" indicatorGap="0">
        <mx:CheckBox  verticalGap="0" paddingTop="0" icon="@Embed('cbIcon.gif')"/>
    </mx:FormItem>
</mx:Form>

(間違っていたら教えてください。正しければ「正解」にチェックを入れてください。)

于 2012-01-04T06:15:57.393 に答える