浅谈Android中layout_weight

引言

  在开发android过程中,我们经常需要对界面进行按比例进行布局,我们一般都会使用layout_属性来进行设置。今天这篇文章我们就来简单介绍下layout_weight的使用和布局原理。随着做项目经验的积累,该篇博文可能会时时更新。

LinearLayout下使用layout_weight

  今天我们先来介绍下在LinearLayout下使用layout_weight的问题。假设我们需要实现例如一下这样的效果:

 

我们来看这时候的布局样式设置:

 1 <!--调整横屏时的布局 -->
 2     <LinearLayout
 3         android:orientation="horizontal"
 4         android:layout_width="match_parent"
 5         android:layout_height="wrap_content"
 6         android:layout_marginLeft="16dp"
 7         android:layout_marginRight="16dp">
 8 
 9         <Button
10             android:layout_width="wrap_content"
11             android:layout_height="wrap_content"
12             android:id="@+id/crime_date"
13             android:layout_weight="1"/>
14 
15         <CheckBox
16             android:layout_width="wrap_content"
17             android:layout_height="wrap_content"
18             android:text="@string/crime_solved_label"
19             android:id="@+id/crime_solved"
20             android:layout_weight="1"/>
21     </LinearLayout>

  我们看到在布局样式文件中,我们看到Button的layout_weight是1,CheckBox的layout_weight是1.这到底是什么意思呢?我们下面来进行详细介绍。

  layout_weight属性告诉LinearLayout如何进行子组件的布置安排。我们看到Button的layout_weight的数值和CheckBox的layout_weight数值是一样的,但是这不代表它们在屏幕上占据相同的宽度。其实在计算子组件的宽度时,LinearLayout使用的是layout_width和layout_weight的混合值。我们来看详细的步骤:

  第一步:LinearLayout查看layout_width属性值(竖直方位则查看layout_height属性值)。 Button和CheckBox组件的layout_width属性值都设置为wrap_content,因此它们获得的空间大小仅够绘制自身。

  如图所示:

  

  第二步:LinearLayout根据layout_weight属性值进行额外空间的分配。如图所示:

  

  在布局中, Button和CheckBox组件拥有相同的layout_weight属性值,因此它们均分了同样大小的额外空间。如将Button组件的weight值设置为2,那么它将获得2/3的额外空间,CheckBox组件则获得剩余的1/3。我们来看一下效果:

  

  如想让LinearLayout分配完全相同的宽度给各自的视图,该如何处理呢?很简单,只需设置各组件的layout_width属性值为0dp以避开第一步的空间分配就可以了,这样LinearLayout就会只考虑使用layout_weight属性值来完成所需的空间分配了。

  如图所示:

  

posted @ 2016-02-01 16:57  dreamGong  阅读(223)  评论(0编辑  收藏  举报