Mx 그리드 - 매우 이상한 레이아웃

Question

저는 flex 4.6에서 작동하며 mx : grid 구성 요소를 사용하여 Air 창에 구성 요소를 표시하려고합니다. 목표는 일부 구성 요소를 정렬하고 크기 조정 효과를 높이는 것입니다. 코드 예제 및 스크린 샷

<?xml version="1.0" encoding="utf-8"?> 
<s:BorderContainer xmlns:fx="http://ns.adobe.com/mxml/2009" 
        xmlns:s="library://ns.adobe.com/flex/spark" 
        xmlns:mx="library://ns.adobe.com/flex/mx" 
        width="100%" verticalCenter="0" borderColor="#A8CB17"> 
    <fx:Declarations> 
     <!-- Placer ici les éléments non visuels (services et objets de valeur, par exemple). --> 
    </fx:Declarations> 
    <mx:Grid width="100%" 
      paddingBottom="5" paddingTop="5" paddingLeft="0" paddingRight="0" > 
     <mx:GridRow id="cdr1" verticalAlign="middle" width="100%" > 
      <mx:GridItem colSpan="2" width="100%" verticalAlign="middle" horizontalAlign="left"> 
       <s:Label text="Label" fontWeight="bold" width="100%" paddingTop="5" color="#333333"/> 
      </mx:GridItem> 
     </mx:GridRow> 
     <mx:GridRow id="cdr2" width="100%" borderVisible="true" dropShadowVisible="false" 
        verticalAlign="middle"> 
      <mx:GridItem width="100%" colSpan="1" horizontalAlign="right" verticalAlign="middle"> 
       <s:Label width="100%" horizontalCenter="0" text="Label1" textAlign="right"/> 
      </mx:GridItem> 
      <mx:GridItem colSpan="2" width="100%" verticalAlign="middle" horizontalAlign="left"> 
       <s:HGroup width="100%"> 
        <s:CheckBox id="cbMolC1" label="Cb I" width="33%"/> 
        <s:CheckBox id="cbMolC2" label="cb. II" width="33%"/> 
        <s:CheckBox id="cbMolC3" label="Cb III" width="33%"/> 
       </s:HGroup> 
      </mx:GridItem> 
      <mx:GridItem colSpan="4" width="100%" verticalAlign="middle" horizontalAlign="left"> 
       <s:TextInput id="tiClassMol" width="100%"/> 
      </mx:GridItem> 

     </mx:GridRow> 

     <mx:GridRow id="cdr3" verticalAlign="middle" width="100%" > 
      <mx:GridItem colSpan="1" width="100%" verticalAlign="middle" horizontalAlign="right"> 
       <s:Label width="100%" horizontalCenter="0" text="Label 2" textAlign="right"/> 
      </mx:GridItem> 
      <mx:GridItem colSpan="2" width="100%" verticalAlign="middle" horizontalAlign="right"> 
       <s:HGroup width="100%"> 
        <s:CheckBox id="cbMolC1" label="Cb I" width="33%"/> 
        <s:CheckBox id="cbMolC2" label="Cb II" width="33%"/> 
        <s:CheckBox id="cbMolC3" label="Cb III" width="33%"/> 
       </s:HGroup> 
      </mx:GridItem> 
      <mx:GridItem colSpan="4" width="100%" verticalAlign="middle" horizontalAlign="left"> 
       <s:TextInput id="tiClassMol" width="100%"/> 
      </mx:GridItem> 
     </mx:GridRow> 
    </mx:Grid> 
</s:BorderContainer> 

내 문제의 TextInput이 = 네,이 그리드 항목의 크기가 동일 열 병합 그리드 항목 장소입니다 경우에도 것입니다 그 첫 번째 그리드 항목을 colspan = 아래 참조 1.

그래서 매우 이상하다고 생각합니다.

도와 주시겠습니까?

감사합니다.

Answer 1

왜 Flex 4를 사용할 때 mx : Grid를 사용하고 있습니까?!

양식을 사용하려는 경우 Grid 대신 Spark Form layout을 사용하는 것이 좋습니다. 사용하지 않는 것이 좋습니다.