使用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在其范围内



效果如下:

使用clipChildren实现仿微信的未读消息列表显式布局

当然还有其他使用方法,这些需要慢慢积累的。

使用clipChildren实现仿微信的未读消息列表显式布局

上一篇:Android集成微信分享的要点及源码示例


下一篇:微信关键字自动回复功能实现