如何使用 Android GridLayout 用我的工具栏填充屏幕宽度？

Question

我试图在 GridLayout 中用我的工具栏填充屏幕宽度 UI。我得到的输出如下所示。不知何故工具栏被截断了，请指教。

下面是我的 xml 文件中的代码：

<?xml version="1.0" encoding="utf-8"?>

<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/GridLayout1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:columnCount="4"
    android:orientation="horizontal"
    android:useDefaultMargins="true"
    tools:context=".CardViewActivity">

<include
    android:id="@+id/toolbar"
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:layout_columnSpan="4"
    layout="@layout/toolbar" >
</include>

<TextView
        android:id="@+id/createSkycard"
        android:layout_column="0"
        android:layout_row="0"
        android:layout_columnSpan="3"
        android:layout_marginTop="80dp"
        android:layout_gravity="center_horizontal"
        android:textColor="#FFFFFF"
        android:text="Create a skycard"
        android:textAppearance="?android:attr/textAppearanceLarge"/>
...
</GridLayout>

Answer 1

最好使用 LinearLayout 作为根，如下所示：

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

   <include
       android:id="@+id/toolbar"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:layout_columnSpan="4"
       layout="@layout/toolbar" >
   </include>

   <GridLayout
       android:id="@+id/GridLayout1"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:columnCount="4"
       android:orientation="horizontal"
       android:useDefaultMargins="true"
       tools:context=".CardViewActivity" >

        <TextView
            android:id="@+id/createSkycard"
           android:layout_column="0"
           android:layout_columnSpan="3"
           android:layout_gravity="center_horizontal"
           android:layout_marginTop="80dp"
           android:layout_row="0"
           android:text="Create a skycard"
           android:textAppearance="?android:attr/textAppearanceLarge"
           android:textColor="#FFFFFF" />
    </GridLayout>

</LinearLayout>

Answer 2

您的 GridLayout 有 android:layout_width="wrap_content" 将其更改为 "match_parent".

如何使用 Android GridLayout 用我的工具栏填充屏幕宽度？

How do I fill the width of the screen with my toolbar using an Android GridLayout?

android

include

toolbar

android-gridlayout