Android App中的多个LinearLayout嵌套布局实例解析

2019-12-12 06:36:30

字体：大中小

来源：转载

供稿：网友

在做android UI布局时，用了LinearLayout嵌套，发现效果并不如我预料一般
查了下资料，说是要设置layout_weight属性
资料说得不是很清楚，也没仔细看，就去弄，结果越弄越混乱。
于是静下心来，自己写xml测试，发现如下。
如果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:我只是用可视化工具看了一下，并未编译，说出来，只是告诉大家不要被它的可视化效果误导（目测是工具的原因）。至于编译后会如何显示，这个有兴趣的可以去看下。我说的显示错误并不是说文件有错误，只是在说没有达到我想要的效果（都显示出来）。

更进一步，来看这样一个效果：

2016413153104827.png (322×458)

代码如下：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <View  android:layout_width="fill_parent"  android:layout_height="2dip"  android:background="#E4E4E4" /> <LinearLayout  android:layout_width="fill_parent"  android:layout_height="wrap_content"  android:orientation="horizontal" >  <LinearLayout   android:layout_width="0dp"   android:layout_height="wrap_content"   android:layout_weight="1"   android:orientation="vertical" >   <ImageView    android:layout_width="80dip"    android:layout_height="80dip"    android:layout_gravity="center_horizontal"    android:layout_marginTop="10dip"    android:src="@drawable/icon_main_sugar" />   <TextView    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:layout_gravity="center_horizontal"    android:paddingTop="3dip"    android:text="水"    android:textColor="#7C8187"    android:textSize="15dip" />  </LinearLayout>  <View   android:layout_width="2dip"   android:layout_height="match_parent"   android:background="#E4E4E4" />  <LinearLayout   android:layout_width="0dp"   android:layout_height="wrap_content"   android:layout_weight="1"   android:orientation="vertical" >   <ImageView    android:layout_width="80dip"    android:layout_height="80dip"    android:layout_gravity="center_horizontal"    android:layout_marginTop="10dip"    android:src="@drawable/icon_main_eat" />   <TextView    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:layout_gravity="center_horizontal"    android:paddingTop="3dip"    android:text="餐具"    android:textColor="#7C8187"    android:textSize="15dip" />  </LinearLayout>  <View   android:layout_width="2dip"   android:layout_height="match_parent"   android:background="#E4E4E4" />  <LinearLayout   android:layout_width="0dp"   android:layout_height="wrap_content"   android:layout_weight="1"   android:orientation="vertical" >   <ImageView    android:layout_width="80dip"    android:layout_height="80dip"    android:layout_gravity="center_horizontal"    android:layout_marginTop="10dip"    android:src="@drawable/icon_main_info" />   <TextView    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:layout_gravity="center_horizontal"    android:paddingTop="3dip"    android:text="信息"    android:textColor="#7C8187"    android:textSize="15dip" />  </LinearLayout> </LinearLayout> <View  android:layout_width="fill_parent"  android:layout_height="2dip"  android:background="#E4E4E4" /> <LinearLayout  android:layout_width="fill_parent"  android:layout_height="wrap_content"  android:orientation="horizontal" >  <LinearLayout   android:layout_width="wrap_content"   android:layout_height="wrap_content"   android:layout_weight="1"   android:orientation="vertical" >   <ImageView    android:layout_width="80dip"    android:layout_height="80dip"    android:layout_gravity="center_horizontal"    android:layout_marginTop="10dip"    android:src="@drawable/evaluate_self" />   <TextView    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:layout_gravity="center_horizontal"    android:paddingTop="3dip"    android:text="糖类"    android:textColor="#7C8187"    android:textSize="15dip" />  </LinearLayout>  <View   android:layout_width="2dip"   android:layout_height="match_parent"   android:background="#E4E4E4" />  <LinearLayout   android:layout_width="wrap_content"   android:layout_height="wrap_content"   android:layout_weight="1"   android:orientation="vertical" >   <ImageView    android:layout_width="80dip"    android:layout_height="80dip"    android:layout_gravity="center_horizontal"    android:layout_marginTop="10dip"    android:src="@drawable/target_manager" />   <TextView    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:layout_gravity="center_horizontal"    android:paddingTop="3dip"    android:text="糖类"    android:textColor="#7C8187"    android:textSize="15dip" />  </LinearLayout>  <View   android:layout_width="2dip"   android:layout_height="match_parent"   android:background="#E4E4E4" />  <LinearLayout   android:layout_width="wrap_content"   android:layout_height="wrap_content"   android:layout_weight="1"   android:orientation="vertical" >   <ImageView    android:layout_width="80dip"    android:layout_height="80dip"    android:layout_gravity="center_horizontal"    android:layout_marginTop="10dip"    android:src="@drawable/drug_manager" />   <TextView    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:layout_gravity="center_horizontal"    android:paddingTop="3dip"    android:text="糖类"    android:textColor="#7C8187"    android:textSize="15dip" />  </LinearLayout> </LinearLayout> <View  android:layout_width="fill_parent"  android:layout_height="2dip"  android:background="#E4E4E4" /> <LinearLayout  android:layout_width="fill_parent"  android:layout_height="wrap_content"  android:orientation="horizontal" >  <LinearLayout   android:layout_width="wrap_content"   android:layout_height="wrap_content"   android:layout_weight="1"   android:orientation="vertical" >   <ImageView    android:layout_width="80dip"    android:layout_height="80dip"    android:layout_gravity="center_horizontal"    android:layout_marginTop="10dip"    android:src="@drawable/news_share" />   <TextView    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:layout_gravity="center_horizontal"    android:paddingTop="3dip"    android:text="新"    android:textColor="#7C8187"    android:textSize="15dip" />  </LinearLayout>  <View   android:layout_width="2dip"   android:layout_height="match_parent"   android:background="#E4E4E4" />  <LinearLayout   android:layout_width="wrap_content"   android:layout_height="wrap_content"   android:layout_weight="1"   android:orientation="vertical" >   <ImageView    android:layout_width="80dip"    android:layout_height="80dip"    android:layout_gravity="center_horizontal"    android:layout_marginTop="10dip"    android:src="@drawable/set_manager" />   <TextView    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:layout_gravity="center_horizontal"    android:paddingTop="3dip"    android:text="置"    android:textColor="#7C8187"    android:textSize="15dip" />  </LinearLayout>  <View   android:layout_width="2dip"   android:layout_height="match_parent"   android:background="#E4E4E4" />  <LinearLayout   android:layout_width="wrap_content"   android:layout_height="wrap_content"   android:layout_weight="1"   android:orientation="vertical" >   <ImageView    android:layout_width="80dip"    android:layout_height="80dip"    android:layout_gravity="center_horizontal"    android:layout_marginTop="10dip"    android:src="@drawable/content_report" />   <TextView    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:layout_gravity="center_horizontal"    android:paddingTop="3dip"    android:text="任"    android:textColor="#7C8187"    android:textSize="15dip" />  </LinearLayout> </LinearLayout> <View  android:layout_width="fill_parent"  android:layout_height="2dip"  android:background="#E4E4E4" /></LinearLayout>

上一篇：Android应用的LinearLayout中嵌套RelativeLayout的布局用法

下一篇：Android App中使用LinearLayout进行居中布局的实例讲解