最近在一些技術群裡看到有不少新手都在困惑於類似下面的一個底部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來控制超出的部分顯示位置。