按鈕欄未填充Android Studio中的父項

Question

我有一個帶有三個按鈕的LinearLayout，但是這些按鈕不能填滿整個屏幕。 很難找到正確的答案。 使用GridLayout可以正常工作，但是我必須支持少於21的API。

XML文件

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

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/topBarFilterText"
        android:id="@+id/buttonTopBarFilter"
        android:onClick="onClickTopBarFilter"
        android:background="#BABAFF"
        android:textColor="#fff"
        android:textSize="13sp"
        style="?android:attr/borderlessButtonStyle"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/topBarCityText"
        android:id="@+id/buttonTopBarCity"
        android:onClick="onClickTopBarCity"
        android:background="#9999ff"
        android:textColor="#fff"
        android:textSize="13sp"
        style="?android:attr/borderlessButtonStyle"/>


    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/topBarMyOffersText"
        android:id="@+id/buttonTopBarMyOffers"
        android:onClick="onClickTopBarMyOffers"
        android:background="#9999ff"
        android:textColor="#fff"
        android:textSize="13sp"
        style="?android:attr/borderlessButtonStyle"/>
</LinearLayout>

Answer 1

使用layout_weight

`

<Button
    android:layout_width="0dp"
    android:layout_weight="1"
    android:layout_height="wrap_content"
    android:text="@string/topBarFilterText"
    android:id="@+id/buttonTopBarFilter"
    android:onClick="onClickTopBarFilter"
    android:background="#BABAFF"
    android:textColor="#fff"
    android:textSize="13sp"
    style="?android:attr/borderlessButtonStyle"/>

<Button
    android:layout_width="0dp"
    android:layout_weight="1"
    android:layout_height="wrap_content"
    android:text="@string/topBarCityText"
    android:id="@+id/buttonTopBarCity"
    android:onClick="onClickTopBarCity"
    android:background="#9999ff"
    android:textColor="#fff"
    android:textSize="13sp"
    style="?android:attr/borderlessButtonStyle"/>


<Button
    android:layout_width="0dp"
    android:layout_weight="1"
    android:layout_height="wrap_content"
    android:text="@string/topBarMyOffersText"
    android:id="@+id/buttonTopBarMyOffers"
    android:onClick="onClickTopBarMyOffers"
    android:background="#9999ff"
    android:textColor="#fff"
    android:textSize="13sp"
    style="?android:attr/borderlessButtonStyle"/>

`

Answer 2

如果要平均填充水平屏幕，則應檢查xml屬性android：weight的文檔。 對於每個按鈕，您需要添加以下內容：

<Button
     android:layout_weight="1"
     android:layout_width="0dp" 
/>

Answer 3

采用

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

<Button
    android:id="@+id/buttonTopBarFilter"
    android:layout:weight="1"        
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:background="#BABAFF"
    android:onClick="onClickTopBarFilter"
    android:text="string/topBarFilterText"
    android:textColor="#fff"
    android:textSize="13sp" />

<Button
    android:id="@+id/buttonTopBarCity"
    android:layout:weight="1"        
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:background="#9999ff"
    android:onClick="onClickTopBarCity"
    android:text="string/topBarCityText"
    android:textColor="#fff"
    android:textSize="13sp" />


<Button
    android:id="@+id/buttonTopBarMyOffers"
    android:layout:weight="1"        
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:background="#9999ff"
    android:onClick="onClickTopBarMyOffers"
    android:text="string/topBarMyOffersText"
    android:textColor="#fff"
    android:textSize="13sp" />
</LinearLayout>