LinearLayout子項未顯示

Question

我要創建以下布局。

布局結構：

LinearLayout
  --> ImageButton
  --> TextView
  --> Button

我想要的是在其父布局內水平顯示Textview的文本中心。

但是我無法到達那里，現在按鈕不見了：

我的代碼：

     <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:orientation="horizontal"
            android:background="@color/toolBar"
            android:gravity="center">

            <ImageButton
                android:layout_width="40dp"
                android:layout_height="40dp"
                android:src="?attr/homeAsUpIndicator"
                android:background="@drawable/back_button"
                android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
                android:onClick="activityFinish"
                android:clickable="true"
                android:focusable="true"
                android:layout_marginTop="5dp"
                android:layout_marginBottom="5dp"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:id="@+id/qaa_book_name"
                android:textColor="@color/white"
                android:textSize="20sp"
                android:textStyle="bold"
                android:gravity="center"
                android:text="xxx"
                />

            <Button
                android:id="@+id/qaa_end_test"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:visibility="visible"
                android:text="yyy"
                android:textColor="@color/white"/>

        </LinearLayout>

Answer 1

檢查此更新的布局 ：

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:orientation="horizontal"
        android:background="@color/toolBar"
        android:gravity="center">

        <ImageButton
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:src="?attr/homeAsUpIndicator"
            android:background="@drawable/back_button"
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            android:onClick="activityFinish"
            android:clickable="true"
            android:focusable="true"
            android:layout_marginTop="5dp"
            android:layout_marginBottom="5dp"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/qaa_book_name"
            android:textColor="@color/white"
            android:textSize="20sp"
            android:textStyle="bold"
            android:gravity="center"
            android:text="xxx"
            android:layout_weight="1"
            />

        <Button
            android:id="@+id/qaa_end_test"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:visibility="visible"
            android:text="yyy"
            android:textColor="@color/white"/>

    </LinearLayout>

---

編輯：

根據LinearLayout文檔，

當您設置android:orientation以指定子視圖顯示在行還是列中時，

您可以在各個子視圖上設置android:layout_weight ，以指定線性布局如何在其中包含的視圖之間划分剩余空間。

---

android：layout_weight ：此屬性根據視圖應在屏幕上占據多少空間來為其分配“重要性”值。 較大的權重值使其可以擴展以填充父視圖中的所有剩余空間。 子視圖可以指定一個權重值，然后視圖組中的所有剩余空間將按其聲明的權重比例分配給子視圖。 默認權重為零 。

這意味着當您將權重1 （在您的情況下為TextView ）放置時，它將占用至少所有空間，除非最后一個元素（在我們的情況下為Button ）獲得容器中的空間，所以一旦Button占用， TextView擴散以填充所有空間它的wrap_content屬性。

通過官方文檔參考本指南

希望現在，我說清楚了！

Answer 2

LinearLayout為其子級支持一個特殊的屬性，稱為layout_weight 。 在一個或多個子視圖上指定此屬性將使LinearLayout首先按正常方式布置所有內容，然后將剩余的所有多余空間分配給已指定權重的子項（然后，根據每個子項的值划分此多余空間重量）。

體重最常見的用例是只給一個孩子一個體重，有效地說“給其他一切所需的空間，然后再給這個孩子所有的剩余空間”。 這正是您想要的； 您在兩側都有兩個應該為wrap_content視圖，然后在中間的一個視圖中要填充剩余的空間。

當您只有一個子代的layout_weight ，通常將其匹配尺寸（水平布局的寬度，垂直布局的高度）的大小設置為0dp 。 這是因為LinearLayout在確定剩余的“額外”空間之前，仍必須先進行所有步驟，以將所有內容進行布局，並且調整0dp視圖的速度比調整wrap_content視圖的速度要快...並且它將被拉伸到尺寸相同，無論您給什么尺寸。

考慮到所有這些，您的布局應如下所示：

<LinearLayout
    android:orientation="horizontal"
    ...>

    <ImageButton
        android:layout_width="40dp"
        android:layout_height="40dp"
        .../>

    <TextView
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        .../>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        .../>

</LinearLayout>

Answer 3

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/bg_image">

    <ImageView
        android:id="@+id/img_back"
        android:layout_width="@dimen/_30sdp"
        android:layout_height="@dimen/_30sdp"
        android:src="@drawable/ic_arrow_back_black_24dp"
        android:onClick="onClick"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="center"
        android:text="xxx"
        android:textColor="@android:color/black"
        android:textSize="@dimen/_24sdp"
        android:textStyle="bold" />

    <Button
        android:id="@+id/btn_yyy"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="onClick"
        android:text="yyy"
        android:layout_gravity="end"
        android:textAllCaps="false"
        android:textSize="@dimen/textsize_18sp" />

</FrameLayout>

Answer 4

   <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/qaa_book_name"
        android:textColor="@color/white"
        android:textSize="20sp"
        android:textStyle="bold"
        android:gravity="center"
        android:text="xxx"
        android:layout_weight="1"
        />

   Problem is in your text view {android:layout_width="match_parent"}  replace it 
   like this   android:layout_width="wrap_content"

Answer 5

LinearLayout中所有視圖的默認權重為0。視圖的權重最小，其優先級最高。

如果您將視圖設置為： android:layout_weight="1"而其他視圖均使用默認權重，則具有默認權重的視圖將獲得優先級。 它們在LinearLayout中的大小將歸因於權重為1的視圖。

我希望此信息可以幫助您理解為什么一行可以解決您的問題。