最近在一些技术群里看到有不少新手都在困惑于类似下面的一个底部tab选项卡布局。中间的是凸出来一点。类似这样:
圈红框的地方上半部分明显高出根布局一些。这样的布局其实只要一个属性就可以搞定,那就是clipChildren。
用法如下:
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:clipChildren="false" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="40dp"
android:layout_alignParentBottom="true"
android:background="#eeeeee"
android:orientation="horizontal" >
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="60dp"
android:layout_gravity="bottom" >
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_centerInParent="true"
android:src="@drawable/wujiaoxing1" />
</RelativeLayout>
</LinearLayout>
</RelativeLayout>
效果图:
这里要注意2点:在根布局节点设置clipChildren=false,这个属性默认为true.意思是是否限制子视图在其范围内。其次就是要用layout_grivate来控制超出的部分显示位置。