Android-改進布局視圖層次結構

Question

我想要這樣的布局結構：

我通過許多嵌套的LinearLayouts和嵌套的權重實現了這一點，但是我可以看到這確實對性能不利。 有誰知道如何獲得這樣的布局？

我還要說，它應該在整個屏幕上方。

Answer 1

您可以使用表布局創建這樣的布局。

<RelativeLayout 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:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">


<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:columnCount="4"
    android:orientation="horizontal"
    android:rowCount="8" >

    <Button
        android:layout_columnSpan="4"
        android:layout_gravity="fill"
        android:text="1" />

    <Button
        android:layout_columnSpan="4"
        android:layout_gravity="fill"
        android:text="2" />


    <Button
        android:layout_columnSpan="1"
        android:layout_gravity="fill"
        android:text="3" />


    <Button
        android:layout_columnSpan="1"
        android:layout_gravity="fill"
        android:text="3" />

    <Button
        android:layout_columnSpan="1"
        android:layout_gravity="fill"
        android:text="3" />

    <LinearLayout
        android:layout_columnSpan="1"
        android:layout_gravity="fill"
        android:text="4"
        android:layout_rowSpan="5"
        android:orientation="vertical">
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" 
            android:text="side"/>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="side"/>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="side"/>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="side"/>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="side"/>

    </LinearLayout>

    <Button
        android:layout_columnSpan="1"
        android:layout_gravity="fill"
        android:text="3" />


    <Button
        android:layout_columnSpan="1"
        android:layout_gravity="fill"
        android:text="3" />

    <Button
        android:layout_columnSpan="1"
        android:layout_gravity="fill"
        android:text="3" />

    <Button
        android:layout_columnSpan="1"
        android:layout_gravity="fill"
        android:text="3" />


    <Button
        android:layout_columnSpan="1"
        android:layout_gravity="fill"
        android:text="3" />

    <Button
        android:layout_columnSpan="1"
        android:layout_gravity="fill"
        android:text="3" />

    <Button
        android:layout_columnSpan="1"
        android:layout_gravity="fill"
        android:text="3" />


    <Button
        android:layout_columnSpan="1"
        android:layout_gravity="fill"
        android:text="3" />

    <Button
        android:layout_columnSpan="1"
        android:layout_gravity="fill"
        android:text="3" />

    <Button
        android:layout_columnSpan="1"
        android:layout_gravity="fill"
        android:text="3" />


    <Button
        android:layout_columnSpan="1"
        android:layout_gravity="fill"
        android:text="3" />

    <Button
        android:layout_columnSpan="1"
        android:layout_gravity="fill"
        android:text="3" />















</GridLayout>

如果您有任何評論。 我很高興回答你。

Answer 2

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

<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="TEXTVIEW"
    android:layout_marginTop="10dip"
    android:gravity="center"
     />

<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:layout_marginTop="10dip"
    android:text="TEXTVIEW" />

   <GridView
        android:id="@+id/grid"
        android:layout_width="match_parent"
        android:layout_height="fill_parent"
        android:layout_marginBottom="10dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_marginTop="50dp"
        android:horizontalSpacing="40dp"
        android:numColumns="4"
        android:verticalSpacing="10dp"
        android:visibility="visible" />

</LinearLayout>