2017-01-07 16 views
0

私は価値のweightSumorientation="horizontal"で親LinearLayoutを持っているし、最後の3つの相対レイアウトが次の行に折り返されるように、それは、すべて持っ幅=「0dp」とlayout_weight="1" 6子RelativeLayoutsを持っています。最初の3つの子相対レイアウトが表示され、最後の3つは表示されません。次の行にそれらをラップします。ラップ重み付き線形レイアウト

<LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:id="@+id/row_wrap" 
     android:orientation="horizontal" 
     android:weightSum="3" 
     > 



    <!-- Mileage --> 
    <RelativeLayout 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:id="@+id/milage_wrap" 
     android:layout_weight="1" 
     > 

     <ImageView 
     android:layout_width="20dp" 
     android:layout_height="20dp" 
     android:src="@drawable/ic_meter_car" 
     android:id="@+id/milage_img" 
     android:layout_alignParentStart="true" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignBaseline="@id/milage_img" 
      android:layout_toEndOf="@+id/milage_img" 
      android:text="32000" 
      android:layout_marginStart="5dp" 
      android:id="@+id/milage_txt" 
      /> 



    </RelativeLayout> 

<!-- transmission--> 
    <RelativeLayout 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:id="@+id/transmission_wrap" 
     android:layout_weight="1" 

     > 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignBaseline="@+id/trans_img" 
      android:layout_toEndOf="@+id/trans_img" 
      android:text="32000" 
      android:layout_marginStart="5dp" 
      android:id="@+id/trans_txt" 
      /> 

     <ImageView 
      android:layout_width="20dp" 
      android:layout_height="20dp" 
      android:src="@drawable/ic_transmission_car" 
      android:id="@+id/trans_img" 
      android:layout_alignParentTop="true" 
      android:layout_alignParentStart="true" /> 


    </RelativeLayout> 

<!--Engine Size --> 

    <RelativeLayout 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:id="@+id/engine_wrap" 
     android:layout_weight="1" 
     > 

     <ImageView 
      android:layout_width="20dp" 
      android:layout_height="20dp" 
      android:src="@drawable/ic_engine" 
      android:id="@+id/engine_img" 
      android:layout_alignParentStart="true" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignBaseline="@id/engine_img" 
      android:layout_toEndOf="@+id/engine_img" 
      android:text="32000" 
      android:layout_marginStart="5dp" 
      android:id="@+id/engine_txt" 
      /> 

    </RelativeLayout> 

     <!--condition --> 
     <RelativeLayout 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:id="@+id/condition_wrap" 
      android:layout_weight="1" 
      > 

      <ImageView 
       android:layout_width="20dp" 
       android:layout_height="20dp" 
       android:src="@drawable/ic_condition" 
       android:id="@+id/condition_img" 
       android:layout_alignParentStart="true" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_alignBaseline="@id/condition_img" 
       android:layout_toEndOf="@+id/condition_img" 
       android:text="Good" 
       android:layout_marginStart="5dp" 
       android:id="@+id/condition_txt" 
       /> 
     </RelativeLayout> 

     <!-- fuel --> 
     <RelativeLayout 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:id="@+id/fuel_type_wrap" 
      android:layout_weight="1" 
      > 

      <ImageView 
       android:layout_width="20dp" 
       android:layout_height="20dp" 
       android:src="@drawable/ic_fuel" 
       android:id="@+id/fuel_type_img" 
       android:layout_alignParentStart="true" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_alignBaseline="@id/fuel_type_img" 
       android:layout_toEndOf="@+id/fuel_type_img" 
       android:text="Diesel" 
       android:layout_marginStart="5dp" 
       android:id="@+id/fuel_type_txt" 

       /> 

     </RelativeLayout> 

     <!-- Fuel Consumption--> 
     <RelativeLayout 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:id="@+id/fuel_cons_wrap" 
      android:layout_weight="1" 
      > 

      <ImageView 
       android:layout_width="20dp" 
       android:layout_height="20dp" 
       android:src="@drawable/ic_fuel_consumption" 
       android:id="@+id/fuel_cons_img" 
       android:layout_alignParentStart="true" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_alignBaseline="@id/fuel_cons_img" 
       android:layout_toEndOf="@+id/fuel_cons_img" 
       android:text="13/23" 
       android:layout_marginStart="5dp" 
       android:id="@+id/fuel_consump_txt" 

       /> 

     </RelativeLayout> 

    </LinearLayout> 

編集注:私はので、私はそう"GONE"への可視性を設定したいRelativeLayoutの空のコンテンツの場合には次の行に移動し、別のLinearLayoutに最後の3 RelativeLayoutsをラップしたくない 彼らは空きスペースを残すことなく、よりよく調整するかもしれません。

答えて

0

はこのよう

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:id="@+id/row_wrap" 
    android:orientation="vertical" 
    android:weightSum="2" 
    > 


<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:id="@+id/row_wrap" 
    android:orientation="horizontal" 
    android:layout_weight="1" 
    android:weightSum="3" 
    > 

<!-- Mileage --> 
<RelativeLayout 
    android:layout_width="0dp" 
    android:layout_height="wrap_content" 
    android:id="@+id/milage_wrap" 
    android:layout_weight="1" 
    > 

    <ImageView 
    android:layout_width="20dp" 
    android:layout_height="20dp" 
    android:src="@drawable/ic_meter_car" 
    android:id="@+id/milage_img" 
    android:layout_alignParentStart="true" /> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignBaseline="@id/milage_img" 
     android:layout_toEndOf="@+id/milage_img" 
     android:text="32000" 
     android:layout_marginStart="5dp" 
     android:id="@+id/milage_txt" 
     /> 



</RelativeLayout> 

    <!-- transmission--> 
<RelativeLayout 
    android:layout_width="0dp" 
    android:layout_height="wrap_content" 
    android:id="@+id/transmission_wrap" 
    android:layout_weight="1" 

    > 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignBaseline="@+id/trans_img" 
     android:layout_toEndOf="@+id/trans_img" 
     android:text="32000" 
     android:layout_marginStart="5dp" 
     android:id="@+id/trans_txt" 
     /> 

    <ImageView 
     android:layout_width="20dp" 
     android:layout_height="20dp" 
     android:src="@drawable/ic_transmission_car" 
     android:id="@+id/trans_img" 
     android:layout_alignParentTop="true" 
     android:layout_alignParentStart="true" /> 


</RelativeLayout> 

<!--Engine Size --> 

<RelativeLayout 
    android:layout_width="0dp" 
    android:layout_height="wrap_content" 
    android:id="@+id/engine_wrap" 
    android:layout_weight="1" 
    > 

    <ImageView 
     android:layout_width="20dp" 
     android:layout_height="20dp" 
     android:src="@drawable/ic_engine" 
     android:id="@+id/engine_img" 
     android:layout_alignParentStart="true" /> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignBaseline="@id/engine_img" 
     android:layout_toEndOf="@+id/engine_img" 
     android:text="32000" 
     android:layout_marginStart="5dp" 
     android:id="@+id/engine_txt" 
     /> 

</RelativeLayout> 

</LinearLayout> 

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:id="@+id/row_wrap" 
    android:orientation="horizontal" 
    android:layout_weight="1" 
    android:weightSum="3" 
    > 

    <!--condition --> 
    <RelativeLayout 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:id="@+id/condition_wrap" 
     android:layout_weight="1" 
     > 

     <ImageView 
      android:layout_width="20dp" 
      android:layout_height="20dp" 
      android:src="@drawable/ic_condition" 
      android:id="@+id/condition_img" 
      android:layout_alignParentStart="true" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignBaseline="@id/condition_img" 
      android:layout_toEndOf="@+id/condition_img" 
      android:text="Good" 
      android:layout_marginStart="5dp" 
      android:id="@+id/condition_txt" 
      /> 
    </RelativeLayout> 

    <!-- fuel --> 
    <RelativeLayout 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:id="@+id/fuel_type_wrap" 
     android:layout_weight="1" 
     > 

     <ImageView 
      android:layout_width="20dp" 
      android:layout_height="20dp" 
      android:src="@drawable/ic_fuel" 
      android:id="@+id/fuel_type_img" 
      android:layout_alignParentStart="true" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignBaseline="@id/fuel_type_img" 
      android:layout_toEndOf="@+id/fuel_type_img" 
      android:text="Diesel" 
      android:layout_marginStart="5dp" 
      android:id="@+id/fuel_type_txt" 

      /> 

    </RelativeLayout> 

    <!-- Fuel Consumption--> 
    <RelativeLayout 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:id="@+id/fuel_cons_wrap" 
     android:layout_weight="1" 
     > 

     <ImageView 
      android:layout_width="20dp" 
      android:layout_height="20dp" 
      android:src="@drawable/ic_fuel_consumption" 
      android:id="@+id/fuel_cons_img" 
      android:layout_alignParentStart="true" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignBaseline="@id/fuel_cons_img" 
      android:layout_toEndOf="@+id/fuel_cons_img" 
      android:text="13/23" 
      android:layout_marginStart="5dp" 
      android:id="@+id/fuel_consump_txt" 

      /> 

    </RelativeLayout> 

    </LinearLayout> 

    </LinearLayout> 
+0

をそれは私が一列にそれらを表示したくない1行のすべてを表示します。最後の3つの要素を次の行に折り返したいだけです。 –

+0

android:orientation = "horizo​​ntalまず最初に正しく入力してください – Saveen

0

代わりのレイアウトの「ラップ」効果を持つようにしようとしてみてください、あなたはあなたの外側のレイアウト内のネストされた2つの直線のレイアウトを持っている必要があります。 Androidレイアウトではラッピングは機能しません。

あなたは持っている必要があります。

<LinearLayout orientation = "vertical"> 
    <LinearLayout orientation = "horizontal" weight_sum="3"> 
     <Relative layout_weight="1"/> 
     <Relative layout_weight="1"/> 
     <Relative layout_weight="1"/> 
    </LinearLayout> 
    <LinearLayout orientation = "horizontal" weight_sum="3"> 
     <Relative layout_weight="1"/> 
     <Relative layout_weight="1"/> 
     <Relative layout_weight="1"/> 
    </LinearLayout> 
</LinearLayout> 
+0

メモを付けて質問を編集しました –

関連する問題