Android-改进布局视图层次结构

Question

I want to have this layout structure:

I achieved this with many nested LinearLayouts and nested weights, but I can see that this is really bad for performance. Has anyone an idea how to get such an layout?

I should also say, that it should be above the whole screen.

Answer 1

You can create the layout like this using table layout.

<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>

If you have any comment it. I am glad to answer you.

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>