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

【问题标题】：Android - Improve Layout view hierarchyAndroid - 改进布局视图层次结构
【发布时间】：2015-09-01 14:06:12
【问题描述】：

我想要这样的布局结构：

我通过许多嵌套的线性布局和嵌套的权重实现了这一点，但我可以看到这对性能非常不利。有谁知道如何获得这样的布局？

我也应该说，它应该在整个屏幕之上。

【问题讨论】：

使用 GridLayout，developer.android.com/reference/android/widget/GridLayout.html
如何使用 GridLayout 实现左侧有 4 个按钮，右侧有 5 个？
我认为您可以仅对所有 4 个按钮列使用 GridLayout，从而减少一些线性布局。如果你想要最好的性能，你可能需要编写自己的 ViewGroup，这是一个权衡。

标签： android android-layout android-linearlayout grid-layout android-tablayout

【解决方案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>

如果您有任何意见。我很高兴回答你。

【讨论】：

但是用这个解决方案我没有右边的 5 个按钮，但是下面的 2 个按钮是对的吗？
保持在线我在几分钟内给出解决方案

【解决方案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>

【讨论】：