android:layout_weight是线性布局(Linearlayout)中,表示控件的比重,权重的一个属性。这个属性,我们可以用来表示一个在一个线性布局中,几个控件按比例显示,这当然也包括各个控件平均显示。这个属性其实,对界面UI适配是一个非常有用的。
Google官方推荐,当使用weight属性时,将width设为0dip即可,效果跟设成wrap_content是一样的。这样android:layout_weight就可以理解为控件的长度比。
下面的这个例子,我们使用android:layout_weight来使三个图片平均显示和使二张图片按1:2的比例来显示的例子。
1.效果图:
2.布局文件:
2.1第一行图片的布局文件(三个图片平均分布):
<LinearLayout android:id="@+id/contact_detail_btn_area" android:orientation="horizontal" android:layout_width="match_parent" android:layout_height="65dp"> <LinearLayout android:id="@+id/contact_share_btn" android:orientation="vertical" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:background="#f7f7f7" android:gravity="center" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center_vertical" android:layout_marginTop="10dp" android:background="@drawable/share" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="10sp" android:text="share" /> </LinearLayout> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" android:background="#f7f7f7"> <View android:layout_width="1dip" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:background="#d1d1d1"/> </LinearLayout> <LinearLayout android:id="@+id/contact_edit_btn" android:orientation="vertical" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:background="#f7f7f7" android:gravity="center"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center_vertical" android:layout_marginTop="10dp" android:background="@drawable/edit" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="10sp" android:text="edit" /> </LinearLayout> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" android:background="#f7f7f7" > <View android:layout_width="1dip" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:background="#d1d1d1" /> </LinearLayout> <LinearLayout android:id="@+id/contact_menu_btn" android:orientation="vertical" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:background="#f7f7f7" android:gravity="center" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center_vertical" android:layout_marginTop="10dp" android:background="@drawable/menu"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="10sp" android:text="menu"/> </LinearLayout> </LinearLayout>
2.2 第二行图片的布局文件(二个图片按1:2分布):
<LinearLayout android:orientation="horizontal" android:layout_width="match_parent" android:layout_height="65dp"> <LinearLayout android:orientation="vertical" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:background="#f7f7f7" android:gravity="center"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center_vertical" android:layout_marginTop="10dp" android:background="@drawable/share" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="10sp" android:text="share" /> </LinearLayout> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" android:background="#f7f7f7" > <View android:layout_width="1dip" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:background="#d1d1d1" /> </LinearLayout> <LinearLayout android:orientation="vertical" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="2" android:background="#f7f7f7" android:gravity="center"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center_vertical" android:layout_marginTop="10dp" android:background="@drawable/edit" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="10sp" android:text="edit" /> </LinearLayout> </LinearLayout>
2.3:整个布局文件:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" > <LinearLayout android:id="@+id/contact_detail_btn_area" android:orientation="horizontal" android:layout_width="match_parent" android:layout_height="65dp"> <LinearLayout android:id="@+id/contact_share_btn" android:orientation="vertical" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:background="#f7f7f7" android:gravity="center" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center_vertical" android:layout_marginTop="10dp" android:background="@drawable/share" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="10sp" android:text="share" /> </LinearLayout> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" android:background="#f7f7f7"> <View android:layout_width="1dip" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:background="#d1d1d1"/> </LinearLayout> <LinearLayout android:id="@+id/contact_edit_btn" android:orientation="vertical" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:background="#f7f7f7" android:gravity="center"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center_vertical" android:layout_marginTop="10dp" android:background="@drawable/edit" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="10sp" android:text="edit" /> </LinearLayout> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" android:background="#f7f7f7" > <View android:layout_width="1dip" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:background="#d1d1d1" /> </LinearLayout> <LinearLayout android:id="@+id/contact_menu_btn" android:orientation="vertical" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:background="#f7f7f7" android:gravity="center" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center_vertical" android:layout_marginTop="10dp" android:background="@drawable/menu"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="10sp" android:text="menu"/> </LinearLayout> </LinearLayout> <LinearLayout android:orientation="horizontal" android:layout_width="match_parent" android:layout_height="65dp"> <LinearLayout android:orientation="vertical" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:background="#f7f7f7" android:gravity="center"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center_vertical" android:layout_marginTop="10dp" android:background="@drawable/share" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="10sp" android:text="share" /> </LinearLayout> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" android:background="#f7f7f7" > <View android:layout_width="1dip" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:background="#d1d1d1" /> </LinearLayout> <LinearLayout android:orientation="vertical" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="2" android:background="#f7f7f7" android:gravity="center"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center_vertical" android:layout_marginTop="10dp" android:background="@drawable/edit" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="10sp" android:text="edit" /> </LinearLayout> </LinearLayout> </LinearLayout>
时间: 2024-10-13 00:22:49