今天使用android:layout_weight这个属性来实现一个标题栏的布局。线上效果图:
布局文件如下:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/id_parent"
android:background="#3385ff"
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="44dp">
<Button
android:layout_margin="5dp"
android:background="#FF0000"
android:textAllCaps="false"
android:id="@+id/id_btn_back"
android:text="back"
android:textColor="#FFFFFF"
android:textSize="12sp"
android:layout_gravity="center_vertical"
android:gravity="center"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
<TextView
android:textAllCaps="false"
android:id="@+id/id_tv_title"
android:text="title"
android:textSize="15sp"
android:textColor="#FFFFFF"
android:layout_gravity="center_vertical"
android:gravity="center"
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"/>
<Button
android:textSize="12sp"
android:layout_margin="5dp"
android:background="#00FF00"
android:textAllCaps="false"
android:id="@+id/id_btn_more"
android:text="more"
android:textColor="#FFFFFF"
android:layout_gravity="center_vertical"
android:gravity="center"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
</LinearLayout>
主要说下layout_weight的用法:
android:layout_weight只能用在线性布局中
android:layout_weight的真实含义是:
一旦View设置了该属性(假设有效的情况下),那么该 View的宽度等于原有宽度(android:layout_width)加上剩余空间的占比!
设屏幕宽度为L,在两个view的宽度都为match_parent的情况下,原有宽度为L,两个的View的宽度都为L,那么剩余宽度为L-(L+L) = -L, 左边的View占比三分之一,所以总宽度是L+(-L)*1/3 = (2/3)L.事实上默认的View的weight这个值为0,一旦设置了这个值,那么所在view在绘制的时候执行onMeasure两次的原因就在这。
Google官方推荐,当使用weight属性时,将width设为0dip即可,效果跟设成wrap_content是一样的。这样weight就可以理解为占比了!