欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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

程序员文章站 2024-03-31 16:13:46
在做android  ui布局时,用了linearlayout嵌套,发现效果并不如我预料一般 查了下资料,说是要设置layout_weight属性 资料说得不...

在做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:我只是用可视化工具看了一下 ,并未编译,说出来,只是告诉大家不要被它的可视化效果误导(目测是工具的原因)。至于编译后会如何显示,这个有兴趣的可以去看下。我说的显示错误并不是说文件有错误,只是在说没有达到我想要的效果(都显示出来)。


更进一步,来看这样一个效果:

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

代码如下:

<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>