作者微信 bishe2022

代码功能演示视频在页面下方,请先观看;如需定制开发,联系页面右侧客服
Android App中的多个LinearLayout嵌套布局实例解析

Custom Tab


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


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


aaaa.jpg

代码如下:

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

转载自:http://www.jb51.net/article/82358.htm

Home