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>