android LinearLayout布局嵌套覆盖问题

16lz 2021-01-24

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">即可

更多相关文章

随机推荐