Android LinearLayout中元素按比例分配宽度

今天在安卓应用中调整UI,在一行中(LinearLayout)有三个按钮,都是默认宽度,依次排列,但右边还有很大的空白,不太美观:

Android LinearLayout中元素按比例分配宽度_第1张图片

最好是能将三个按钮的宽度填满屏幕,并且三者的宽度平均分配,那怎样实现呢?答案是用权重(layout_weight):

android:layout_width="0dp"
android:layout_weight="1.0"
把layout_width设为0dp,这个时候Eclipse会提示你”设置为0dp的话就看不见,必须设置权重“这样的信息,然后三个按钮的权重layout_weight都设置为1.0。

属性设置如下:

<LinearLayout>
        <Button 
		android:layout_width="0dp"
		android:layout_weight="1.0"
		android:layout_height="wrap_content"
	    	android:text="查询"/>
   	<Button 
		android:layout_width="0dp"
		android:layout_weight="1.0"
		android:layout_height="wrap_content"
	    	android:text="删除"/>
   	<Button 
		android:layout_width="0dp"
		android:layout_weight="1.0"
		android:layout_height="wrap_content"
	    	android:text="上传"/>
</LinearLayout>
运行的效果:

Android LinearLayout中元素按比例分配宽度_第2张图片

确实实现了三个按钮同样大小,并且总宽度撑满屏幕的效果。

那么这个权重layout_weight到底是什么意思呢?那就再来做个试验,把三个按钮的权重分别设为1.0、2.0和3.0,看看是什么效果:

Android LinearLayout中元素按比例分配宽度_第3张图片


效果很明显,同样是总宽度撑满了屏幕,但是三个按钮的宽度之比是1 : 2 : 3,也就是说,这个权重其实是元素之间的宽度比例,可以根据实际需要进行设置。



你可能感兴趣的:(Android LinearLayout中元素按比例分配宽度)