android layout 多个布局文件,Android App中的多个LinearLayout嵌套布局实例解析

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

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

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

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

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

换句话说最外层不能用layout_weight

xml布局如下

android:layout_width="fill_parent"

android:layout_height="fill_parent"

>

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:orientation="vertical">

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"

/>

android:layout_height="wrap_content"

android:text="xxxxxxxxxxxxxxxxxxxxxxx"

android:layout_marginLeft="50px"

android:layout_marginBottom="10px"

android:textSize="18sp"

/>

这个能正常显示,但当我们把嵌套的LinearLayout方向设置成水平,第一个TextView充满整个LinearLayout,第二个TextView控件不显示。

当我们为两个TextView加上 android:layout_weight="1"属性时,能显示,效果我就不说了,大家都懂的。

发现一个有趣的现象:我们将 两个控件的android:layout_weight="1"删掉,嵌套的LinearLayout方向属性删掉,代码和最开始一样

注意,我们前面说上面的xml它能正常显示,现在,一模一样的xml代码则显示错误。

当我们只设置一个控件的android:layout_weight="1"属性时,发现也会有显示错误

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

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

cbe5c2a36d4f2f613e6a370270e90430.png

代码如下:

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical" >

android:layout_width="fill_parent"

android:layout_height="2dip"

android:background="#E4E4E4" />

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:orientation="horizontal" >

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:orientation="vertical" >

android:layout_width="80dip"

android:layout_height="80dip"

android:layout_gravity="center_horizontal"

android:layout_marginTop="10dip"

android:src="@drawable/icon_main_sugar" />

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

android:layout_width="2dip"

android:layout_height="match_parent"

android:background="#E4E4E4" />

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:orientation="vertical" >

android:layout_width="80dip"

android:layout_height="80dip"

android:layout_gravity="center_horizontal"

android:layout_marginTop="10dip"

android:src="@drawable/icon_main_eat" />

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

android:layout_width="2dip"

android:layout_height="match_parent"

android:background="#E4E4E4" />

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:orientation="vertical" >

android:layout_width="80dip"

android:layout_height="80dip"

android:layout_gravity="center_horizontal"

android:layout_marginTop="10dip"

android:src="@drawable/icon_main_info" />

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

android:layout_width="fill_parent"

android:layout_height="2dip"

android:background="#E4E4E4" />

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:orientation="horizontal" >

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

android:orientation="vertical" >

android:layout_width="80dip"

android:layout_height="80dip"

android:layout_gravity="center_horizontal"

android:layout_marginTop="10dip"

android:src="@drawable/evaluate_self" />

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

android:layout_width="2dip"

android:layout_height="match_parent"

android:background="#E4E4E4" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

android:orientation="vertical" >

android:layout_width="80dip"

android:layout_height="80dip"

android:layout_gravity="center_horizontal"

android:layout_marginTop="10dip"

android:src="@drawable/target_manager" />

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

android:layout_width="2dip"

android:layout_height="match_parent"

android:background="#E4E4E4" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

android:orientation="vertical" >

android:layout_width="80dip"

android:layout_height="80dip"

android:layout_gravity="center_horizontal"

android:layout_marginTop="10dip"

android:src="@drawable/drug_manager" />

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

android:layout_width="fill_parent"

android:layout_height="2dip"

android:background="#E4E4E4" />

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:orientation="horizontal" >

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

android:orientation="vertical" >

android:layout_width="80dip"

android:layout_height="80dip"

android:layout_gravity="center_horizontal"

android:layout_marginTop="10dip"

android:src="@drawable/news_share" />

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

android:layout_width="2dip"

android:layout_height="match_parent"

android:background="#E4E4E4" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

android:orientation="vertical" >

android:layout_width="80dip"

android:layout_height="80dip"

android:layout_gravity="center_horizontal"

android:layout_marginTop="10dip"

android:src="@drawable/set_manager" />

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

android:layout_width="2dip"

android:layout_height="match_parent"

android:background="#E4E4E4" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

android:orientation="vertical" >

android:layout_width="80dip"

android:layout_height="80dip"

android:layout_gravity="center_horizontal"

android:layout_marginTop="10dip"

android:src="@drawable/content_report" />

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

android:layout_width="fill_parent"

android:layout_height="2dip"

android:background="#E4E4E4" />

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值