2012-01-04 1 views
0

FormItemを以下のようなフォームに配置しました。Size-to-content FormItemの高さ

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

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

これはイメージです。

enter image description here

+0

ます。http:// meta.stackexchange.com/a/44679/155739 –

+0

これは、パディングで何かをしなければならないように見えます。 'padding'を0に設定しようとしましたか? –

+0

@ Lightness Orbitのレース、それはバグですか? –

答えて

0

チェックボックスが実際にアイコンとして、その上にオーバーレイ画像とボタンです。このアイコンは、画像としていくつかの空白を含むボックスです。空白を持たない新しいイメージを作成し、現在のアイコンを置き換えなければなりません。これはダウンステートなどにも当てはまるので、一連の似たイメージが必要です。 (AdobeのButton docs example参照)。もちろん

、あなたもCheckBoxFormItem、およびFormに、0にverticalGapindicatorGapなどpaddingTopを設定する必要があります。 (Form, FormHeading, and FormItem layout containersのAdobeのフレックスヘルプ、「フォームのレイアウト」の項を参照)。ここで

は、いくつかのサンプルコードです:

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

(答えが間違っている場合、私に知らせてください、それが正しければ、 "正しい" として、それを確認してください。。)

+0

ご意見ありがとうございますが、問題は変わりません。 –

+0

最新の編集をご覧ください。 – iND

関連する問題