码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2015-03-10 14:00:56      阅读:275      评论:0      收藏:0      [点我收藏+]

标签:android   布局显示   仿微信未读消息布局   

做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实现仿微信的未读消息列表显式布局

标签:android   布局显示   仿微信未读消息布局   

原文地址:http://blog.csdn.net/u014649598/article/details/44174061

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!