左右对齐

Question

如何布置这样的控件？

换句话说 - 一个TextView对齐到左侧，第二个到右侧。当然红色布局应该根据屏幕宽度拉伸。我不知道如何以最好的方式做到这一点。

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

你可以把整个视图到一个RelativeLayout的，并使用layout_alignParentLeft，layout_alignParentRight坚持的TextView到视图的左侧和右侧，然后layout_alignBaseline保留每个侧面的Textview。然后layout_below放置下一行Textview。

或者，您可以使用LinearLayout来layout_width =“match_parent”，然后使用上面的相同方法将红框变为RelativeLayout。

但是，我建议您检查每个布局的类型以查看每个容器的特性，然后决定哪个最适合您的视图作为整体，但请记住，屏幕上的视图/布局越多影响某些设备的性能。 :)

Answer 4

您可以使用RelativeLayout，但同一行中这两个视图的一个视图应该具有某个固定的宽度。如果你确定右视图的宽度不会超过某个宽度，那么你也可以将wrap_content分配给宽度，但如果第二个视图可能占用全屏宽度，那么它必须为布局分配一些固定的宽度。

所以集合的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>