Android佈局：兩個固定寬度視圖之間的可變寬度視圖

Question

如何水平佈置3個視圖以使外部2個視圖具有固定寬度並且中間視圖填充剩餘的可用水平空間？我所有的嘗試都是讓最右邊的觀點被推離屏幕。

Answer 1

我掙扎了一段時間纔得到這個工作，並發現如何與RelativeLayout做到這一點。見代碼下面的例子和密切關注的layout_toRightOf，layout_toLeftOf使用，並layout_alignParentRight

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="@dimen/eventDetailSectionHeight" 
    android:background="@color/grayout"> 

    <SomeFixedWidthView 
     android:id="@+id/leftFixedWidthView" 
     android:layout_width="100dp" 
     android:layout_height="match_parent"/> 

    <SomeVariableWidthView 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_toRightOf="@id/leftFixedWidthView" 
     android:layout_toLeftOf="@+id/rightFixedWidthView"/> 

    <SomeFixedWidthView 
     android:id="@+id/rightFixedWidthView" 
     android:layout_width="100dp" 
     android:layout_height="match_parent" 
     android:layout_alignParentRight="true"/> 

</RelativeLayout> 

Answer 2

嘗試根據需要爲每個孩子設置layout_weight。

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:orientation="horizontal" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:weightSum="1"> 


     <View 
      android:id="@+id/leftView" 
      android:layout_width="0dp" 
      android:layout_weight="0.4" 
      android:layout_height="match_parent" 
      android:background="#ff0000"/> 

     <View 
      android:id="@+id/middleView" 
      android:layout_width="0dp" 
      android:layout_weight="0.2" 
      android:layout_height="match_parent" 
      android:background="#33cc33"/> 

     <View 
      android:id="@+id/rightView" 
      android:layout_width="0dp" 
      android:layout_weight="0.4" 
      android:layout_height="match_parent" 
      android:background="#ff0000"/>/> 


</LinearLayout> 

Answer 3

使用下面的代碼爲你想要的結果

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

    <View 
     android:id="@+id/leftView" 
     android:layout_width="100dp" 
     android:layout_height="match_parent" 
     android:background="#ff0000"/> 

    <View 
     android:id="@+id/middleView" 
     android:layout_width="0dp" 
     android:layout_height="match_parent" 
     android:layout_weight="1" 
     android:background="#33cc33"/> 

    <View 
     android:id="@+id/rightView" 
     android:layout_width="100dp" 
     android:layout_height="match_parent" 
     android:background="#ff0000"/> 

</LinearLayout>