使用clipChildren實現仿微信的未讀消息列表顯式佈局

做IM項目是遇到了一個問題就是讓那個個未讀消息顯示在他的父類外面，類似微信的未讀消息數顯式佈局，弄了好久都不知道怎麼搞，用其它方法因爲要達到適配的原因所以放棄了最後老大告訴我加一個；

代碼如下：

<span style="color:#4b4b4b;"><LinearLayout 
	    android:id="@+id/msg_item_layout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:paddingBottom="5dp"
    	android:paddingTop="5dp"
    	</span><span style="color:#ff0000;">android:clipChildren="false"</span><span style="color:#4b4b4b;">
    	android:background="@drawable/cover_selector"
        >
        
        <RelativeLayout 
            android:id="@+id/icon_layout"
            android:layout_width="50dp"
		    android:layout_height="50dp"
		    android:layout_gravity="center_vertical">
        
		    <Button 
		         android:id="@+id/preview" 
		         android:layout_width="match_parent"
		         android:layout_height="match_parent"
		         android:clickable="false"
		         android:focusable="false"/>
		    
		    <TextView 
                 android:id="@+id/info_unread"
                 android:layout_width="18dp"
                 android:layout_height="18dp"
                 android:layout_marginTop="-6dp"
                 android:layout_marginRight="-6dp"
                 android:textColor="@color/white"
                 android:textSize="10sp"
                 android:singleLine="false"
                 android:gravity="center"
                 android:layout_alignParentTop="true"
                android:layout_alignParentRight="true"
                android:background="@drawable/unread_bg" />
		    
	    </RelativeLayout>
	    <LinearLayout
	        android:layout_width="0dp"
	        android:layout_weight="1"
	        android:layout_height="wrap_content"
	        android:layout_gravity="center_vertical"
	        android:layout_marginLeft="8dp"
	        android:orientation="vertical" >
	        <RelativeLayout 
	            android:id="@+id/title_layout"
	            android:layout_width="fill_parent"
	            android:layout_height="fill_parent" >
                <TextView 
		         android:id="@+id/time"
		         android:layout_width="wrap_content"
		         android:layout_height="wrap_content"
		         android:textColor="@color/gray"
		         android:textSize="10sp"
		         android:singleLine="true"
		         android:paddingRight="10dp"
		         android:layout_alignParentRight="true"
		         android:layout_centerVertical="true"
		         />
	            <TextView 
		         android:id="@+id/title"
		         android:layout_width="wrap_content"
		         android:layout_height="wrap_content"
		         android:textColor="@color/black"
		         android:textSize="23sp"
		         android:singleLine="true"
		         android:ellipsize="end"
		         android:gravity="center|left"
		         android:layout_marginTop="5dp"
		         android:paddingLeft="5dp"
		         android:layout_toLeftOf="@id/time"
		         android:layout_alignParentLeft="true"
		         android:layout_centerVertical="true" />

	        </RelativeLayout> 
	        
	        <TextView 
                 android:id="@+id/info"
                 android:layout_width="fill_parent"
                 android:layout_height="wrap_content"
                 android:textColor="@color/gray"
                 android:textSize="18dp"
                 android:singleLine="true"
                 android:layout_gravity="center"
                 android:gravity="center|left"
                 android:layout_marginTop="3dp"
                 android:layout_marginRight="3dp"
                 android:paddingLeft="5dp"/>
	    </LinearLayout>
     </LinearLayout></span>

代碼說明：

1、只需在根節點設置android:clipChildren爲false即可，默認爲true

2、可以通過android:layout_gravity控制超出的部分如何顯示。

3、android:clipChildren的意思：是否限制子View在其範圍內

效果如下：

當然還有其他使用方法，這些需要慢慢積累的。