android LinearLayout布局嵌套覆盖问题

 

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