android LinearLayout布局嵌套覆盖问题

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

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

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

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

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

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

换句话说最外层不能用layout_weight

二、xml布局如下

<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的权属性

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

<?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 可视化工具有点扯蛋慢慢调试吧

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

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

android LinearLayout布局嵌套覆盖问题

猜你喜欢