如何佈置4視圖並排1視圖中心

Question

我想在我的活動頂部佈局4個視圖（2個按鈕，2個TextViews）。我需要button_2以水平居中，TextView_2佔據視圖右側的剩餘空間，button_1以wrap_content的形式固定在父級左側，textView_1填充button_1和button_2之間的空間。

我迄今爲止代碼：

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal"> 
<Button 
    android:id="@+id/button_1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_weight="1"/> 
<TextView 
    android:id="@+id/textView_1" 
    android:layout_width="0dp" 
    android:layout_height="wrap_content" 
    android:layout_weight="1"/> 
<Button 
    android:id="@+id/button_2" 
    android:layout_width="0dp" 
    android:layout_height="wrap_content" 
    android:gravity="center_horizontal" 
    android:layout_weight="1"/> 
<TextView 
    android:id="@+id/textView_2" 
    android:layout_width="0dp" 
    android:layout_height="wrap_content" 
    android:layout_weight="1"/> 
</LinearLayout> 

Answer 1

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:orientation="horizontal" android:layout_width="match_parent" 
android:layout_height="wrap_content"> 

<Button 
    android:id="@+id/button_1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentLeft="true" 
    android:text="button_1"/> 
<TextView 
    android:id="@+id/textView_1" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_toRightOf="@+id/button_1" 
    android:layout_toLeftOf="@+id/button_2" 
    android:layout_alignBottom="@+id/button_2" 
    android:text="textView_1"/> 
<Button 
    android:id="@+id/button_2" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_centerHorizontal="true" 
    android:text="button_2"/> 
<TextView 
    android:id="@+id/textView_2" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:text="textView_2" 
    android:gravity="center" 
    android:layout_alignBottom="@+id/button_2" 
    android:layout_alignParentEnd="true" 
    android:layout_toEndOf="@+id/button_2" /> 

    </RelativeLayout> 

Answer 2

試着在孩子的線性佈局和高度此

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal"> 
<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal" 
    android:layout_weight="1"> 
    <Button 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_weight="1"/> 
    <TextView 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_weight="1"/> 

</LinearLayout> 
<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal" 
    android:layout_weight="1"> 
    <Button 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_weight="1"/> 
    <TextView 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_weight="1"/> 
</LinearLayout> 
</LinearLayout> 

刪除佈局重量是改變包裝的TextView的和按鈕的內容fulfull您的要求

Answer 3

Relative Layout將完全適合您的條件。明智地使用android:layout_toRightOf,android:layout_toLeftOf,android:layout_alignParentRight和android:layout_alignParentLeft屬性。

<RelativeLayout 
     android:layout_width="match_parent" android:layout_height="wrap_content" 
     android:orientation="horizontal"> 
     <Button 
      android:id="@+id/button_1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true"/> 
     <TextView 
      android:id="@+id/textView_1" 
      android:layout_toRightOf="@+id/button_1" 
      android:layout_toleftOf="@+id/button_2" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="hello there"/> 
     <Button 
      android:id="@+id/button_2" 
      android:layout_width="wrap_content" 
      android:layout_toRightOf="@+id/textView_1" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center_horizontal"/> 
     <TextView 
      android:id="@+id/textView_2" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_toRightOf="@+id/button_2" 
      android:layout_alignParentRight="true"/> 
    </RelativeLayout>