Android复杂布局线性和相对答案

【问题标题】：Android complex layout linear and relativeAndroid复杂布局线性和相对
【发布时间】：2013-10-08 00:51:07
【问题描述】：

我必须实现如图所示的布局，但我不知道实现所需设计的最佳组合。我正在为 7 英寸平板电脑设计，并希望设计在 10 英寸平板电脑上能够很好地伸展

我假设像 1、2、3、4、5 这样的布局是线性布局，对吗？

*什么是活动布局？我尝试了 RelativeLayout，但我无法在布局 1 & 2 & 3 之间分配宽度（使用 android:layout_weight）

*我为整个活动尝试了水平线性布局，但我无法将页眉和页脚布局正确添加到主水平线性布局

我阅读了文档和教程，但找不到这个复杂设计的线索，请帮助。

嵌套布局对性能的影响是什么？

谢谢，

【问题讨论】：

根据我的经验，嵌套布局对性能的影响可以忽略不计。再加上你真的没有 ton 的视图，所以我不会担心它，除非你在很多视图中有一些复杂的动画。

标签： android performance android-layout layout android-linearlayout

【解决方案1】：

你可以尝试这样的事情，正如其他人所说，在这个级别你不会遇到性能问题

<?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"
android:weightSum="1" >

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="0.2"
    android:background="@android:color/holo_orange_light"
    android:orientation="horizontal"
    android:weightSum="1" >

    <View
        android:id="@+id/view1"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:layout_weight="0.2"
        android:background="@android:color/black" />

    <View
        android:id="@+id/view2"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:layout_weight="0.8"
        android:background="@android:color/black" />
</LinearLayout>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="0.6"
    android:background="@android:color/holo_blue_light"
    android:orientation="horizontal"
    android:weightSum="1" >

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_margin="10dp"
        android:layout_weight="0.2"
        android:background="@android:color/holo_purple"
        android:orientation="vertical"
        android:weightSum="1" >

        <View
            android:id="@+id/view1"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_margin="10dp"
            android:layout_weight="0.2"
            android:background="@android:color/black" />

        <View
            android:id="@+id/view1"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_margin="10dp"
            android:layout_weight="0.3"
            android:background="@android:color/black" />

        <View
            android:id="@+id/view2"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_margin="10dp"
            android:layout_weight="0.5"
            android:background="@android:color/black" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_margin="10dp"
        android:layout_weight="0.4"
        android:background="@android:color/holo_red_dark"
        android:orientation="vertical"
        android:weightSum="1" >

        <View
            android:id="@+id/view1"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_margin="10dp"
            android:layout_weight="0.33"
            android:background="@android:color/black" />

        <View
            android:id="@+id/view1"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_margin="10dp"
            android:layout_weight="0.33"
            android:background="@android:color/black" />

        <View
            android:id="@+id/view2"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_margin="10dp"
            android:layout_weight="0.33"
            android:background="@android:color/black" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_margin="10dp"
        android:layout_weight="0.4"
        android:background="@android:color/darker_gray"
        android:orientation="vertical"
        android:weightSum="1" >

        <View
            android:id="@+id/view1"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_margin="10dp"
            android:layout_weight="0.5"
            android:background="@android:color/black" />

        <View
            android:id="@+id/view2"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_margin="10dp"
            android:layout_weight="0.5"
            android:background="@android:color/black" />
    </LinearLayout>
</LinearLayout>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="0.2"
    android:background="@android:color/holo_green_light"
    android:orientation="horizontal"
    android:weightSum="1" >

    <View
        android:id="@+id/view1"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:layout_weight="0.2"
        android:background="@android:color/black" />

    <View
        android:id="@+id/view1"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:layout_weight="0.3"
        android:background="@android:color/black" />

    <View
        android:id="@+id/view2"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:layout_weight="0.5"
        android:background="@android:color/black" />
</LinearLayout>

</LinearLayout>

【讨论】：

在我的平板电脑上测试过，它运行良好，我将用我需要的小部件和反馈替换视图，我想你的方式在更大屏幕的平板电脑上会很好地伸展。非常感谢您所做的努力。
@Montaro de nada Montaro :-)))
为什么整个布局在 ADT 设计器中被裁剪而不像 img32.imageshack.us/img32/5154/h4gu.jpg 但是它在我使用 eclipse/ubuntu 的物理平板电脑上显示得很好

【解决方案2】：

这就是 GridLayout 的用途。 :-) 查看这篇文章：http://android-developers.blogspot.com/2011/11/new-layout-widgets-space-and-gridlayout.html

【讨论】：

你是对的 Paul，博文表明这是正确的做法。我将对其进行测试并提供反馈，但是我现在急于进行实验。谢谢！

【解决方案3】：

您将需要线性和相对布局的组合。要在水平和垂直方向上对块进行分组，您可以使用 LinearLayout 并放置这些组，您可以使用线性布局并相应地调整权重，或者使用相对并设置它们之间的关系。

【讨论】：