android LinearLayout布局嵌套覆盖问题

android LinearLayout布局嵌套覆盖问题

在做android UI布局时，用了LinearLayout嵌套，发现效果并不如我预料一般

查了下资料，说是要设置layout_weight属性

资料说得不是很清楚，也没仔细看，就去弄，结果越弄越混乱。

于是静下心来，自己写xml测试，发现如下。

我用eclipse开发，用android Common XML Editor 使用快捷键alt+/

一、如果LinearLayout是最外面的一层，它是不会弹出layout_weight属性的

换句话说最外层不能用layout_weight

二、xml布局如下

[html] view
plain copy

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

>

<LinearLayout

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:orientation="vertical">

<TextView

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="zzzzzzzzzzzzzzzzzzzzzzzzzzzzz"

android:textSize="18sp"

android:layout_marginLeft="5px"

android:layout_marginBottom="10px"

android:textColor="@android:color/darker_gray"

/>

<TextView android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="xxxxxxxxxxxxxxxxxxxxxxx"

android:layout_marginLeft="50px"

android:layout_marginBottom="10px"

android:textSize="18sp"

/>

</LinearLayout>

</LinearLayout>

这个能正常显示，但当我们把嵌套的LinearLayout方向设置成水平，第一个TextView充满整个LinearLayout，第二个TextView控件不显示。

当我们为两个TextView加上 android:layout_weight="1"属性时，能显示，效果我就不说了，大家都懂的。

发现一个有趣的现象:我们将 两个控件的android:layout_weight="1"删掉，嵌套的LinearLayout方向属性删掉，代码和最开始一样

注意，我们前面说上面的xml它能正常显示，现在，一模一样的xml代码则显示错误。

当我们只设置一个控件的android:layout_weight="1"属性时，发现也会有显示错误

ps:我只是用可视化工具看了一下 ，并未编译，说出来，只是告诉大家不要被它的可视化效果误导（目测是工具的原因）。至于编译后会如何显示，这个有兴趣的可以去看下。我说的显示错误并不是说文件有错误，只是在说没有达到我想要的效果（都显示出来）。

二、上面中只是一个LinearLayout嵌套一个LinearLayout，如果是嵌套两个LinearLayout呢，那么我们不仅要设置每个Linearlayout的里面控件的权（layout_weight）属性，还要设置嵌套的LinearLayout的权属性

三、有了上面的知识，我于是将我项目的布局弄出来，结果心中信念瞬间崩塌，上段代码：

[html] view
plain copy

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical">

<LinearLayout android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:orientation="horizontal"

android:layout_marginLeft="50px"

android:layout_marginRight="50px"

android:layout_marginBottom="15px">

<TextView android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="姓名"

android:layout_weight="5"

android:textSize="18sp"/>

<EditText android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:id="@+id/name"

android:hint="请输入您的姓名"

android:layout_weight="1"/>

</LinearLayout>

<LinearLayout android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:orientation="horizontal"

android:layout_marginLeft="50px"

android:layout_marginRight="50px"

android:layout_marginBottom="15px">

<TextView android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="年龄"

android:layout_weight="5"

android:textSize="18sp"/>

<EditText android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:id="@+id/age"

android:hint="请输入您的年龄"

android:layout_weight="1"/>

</LinearLayout>

</LinearLayout>

效果图：


这完全颠覆了我第二点的结论，泪奔.......我发誓，第二个结论我也做了好几次测试才得出的结论

总结，如果布局中用到LinearLayout嵌套，那么你注意设置它的layout_weight 可视化工具有点扯蛋 慢慢调试吧

另附我的项目布局的一点经验

[html] view
plain copy

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical">

<LinearLayout android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:orientation="horizontal"

android:layout_marginLeft="50px"

android:layout_marginRight="50px"

android:layout_marginBottom="15px"

android:layout_gravity="center"

android:gravity="center">

<TextView

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="性别"

android:textSize="18sp"

android:layout_weight="3"/>

<RadioGroup android:id="@+id/radioGroup"

android:contentDescription="性别"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:orientation="horizontal"

android:layout_weight="1">

<RadioButton android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:id="@+id/radioMale"

android:text="男"

android:checked="true"

android:layout_marginRight="15px"

android:textSize="18sp">

</RadioButton>

<RadioButton android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:id="@+id/radioFemale"

android:text="女"

android:textSize="18sp">

</RadioButton>

</RadioGroup>

</LinearLayout>

</LinearLayout>

开始时RadioGroup的layout_width="wrap_content"，怎么设置权都达不到想要的效果。要改成fill_parent

RadioButton的尺寸比TextView大 所以显示时TextView在上方，设置LinearLayout中android:gravity="center">即可