左右の整列

Question

このようなレイアウトをどのようにレイアウトできますか？

別の言葉で言えば、TextViewは左側に、もう1つは右側に整列されています。もちろん、赤のレイアウトは、画面の幅に応じて伸ばす必要があります。私はこれをどのようにもっとも良い方法で行うのか分かりません。

Answer 1

あなたの要件に以下のレイアウトを使用することができます：

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" 
    android:layout_height="fill_parent" 
    android:layout_width="fill_parent" 
    android:background="#ffffff" > 

    <RelativeLayout 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" > 

     <TextView 
      android:id="@+id/textView1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="TextView" /> 

     <TextView 
      android:id="@+id/textView2" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="TextView" android:layout_alignParentRight="true"/> 

    </RelativeLayout> 

    <RelativeLayout 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" > 

     <TextView 
      android:id="@+id/textView3" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="TextView" /> 

     <TextView 
      android:id="@+id/textView4" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="TextView" android:layout_alignParentRight="true"/> 

    </RelativeLayout> 

    <RelativeLayout 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" > 

     <TextView 
      android:id="@+id/textView5" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="TextView" android:layout_alignParentLeft="true"/> 

     <TextView 
      android:id="@+id/textView6" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="TextView" android:layout_alignParentRight="true"/> 

    </RelativeLayout> 

</LinearLayout> 

Answer 2

RelativeLayoutsを使用できます。それからちょうどここ

android:layout_alignParentRight="true" 

のようなあなたのtextviewsを配置するには、レイアウトのこのタイプのリンクです：

Android Relative Layout

Answer 3

あなたは1 RelativeLayoutに全景をオンにしてまでのTextViewを固執するlayout_alignParentLeft、layout_alignParentRightを使用することができますビューの左右に配置し、layout_alignBaselineを使用してTextviewを各側のレベルに保ちます。次に、layout_belowを実行してTextviewの次の行を配置します。

また、layout_width = "match_parent"にLinearLayoutを使用し、上の同じ方法を使用して赤いボックスをRelativeLayoutに変えることもできます。

しかし、それぞれのコンテナの特性を確認するためにレイアウトの各タイプをチェックし、どれが全体としてあなたのビューに最も適しているかを判断することをお勧めしますが、画面上のより多くのビュー/レイアウト一部のデバイスのパフォーマンスに影響を与えます。 :)

Answer 4

RelativeLayoutを使用することはできますが、同じ行のこれらの2つのビューの1つのビューは、一定の幅である必要があります。右側のビューで幅をいくつかの幅よりも大きく取らないことが確実であれば、wrap_contentをwidthに割り当てることもできますが、2番目のビューがフルスクリーン幅をとる場合は、レイアウトに固定幅を割り当てる必要があります。左と右のビューに

に設定LayoutParams次のように： LeftView：

Layout_width = fill_parent、Layout_height = wrap_content、layout_toLeftOf = @ ID +/rightView、

SecondVIew：

Layout_width = wrap_content、Layout_height = wrap_content、layout_alignParentRight = true

Answer 5

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" 
    android:layout_height="fill_parent" 
    android:layout_width="fill_parent" 
    android:background="#ffffff" > 

     <TextView 
      android:id="@+id/textView1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="TextView" /> 

     <TextView 
      android:id="@+id/textView2" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="TextView" android:layout_alignParentRight="true"/> 


     <TextView 
      android:id="@+id/textView3" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="TextView" android:layout_below="@+id/textView1"/> 

     <TextView 
      android:id="@+id/textView4" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="TextView" android:layout_alignParentRight="true" 
      android:layout_below="@+id/textView2"/> 


     <TextView 
      android:id="@+id/textView5" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="TextView" android:layout_alignParentLeft="true" 
      android:layout_below="@+id/textView3"/> 

     <TextView 
      android:id="@+id/textView6" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="TextView" android:layout_alignParentRight="true" 
      android:layout_below="@+id/textView4"/> 

</RelativeLayout>