30会话界面的每个item的布局

1.会话界面的每个item的想要的结果如下：

主要包括六个部分，头像，名字，未读消息数，消息的状态，时间和消息内容。

2.布局的outline

布局整体使用的是相对布局，其中用户头像和未读的消息数嵌套在相对布局中，然后使用相对布局完成。

3.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="59dp"
    android:id="@+id/list_item_layout"
	android:gravity="center_vertical"    
    >
    <RelativeLayout 
        android:id="@+id/avatar_container"
        android:layout_width="59dp"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        >
        <com.dystu.impro.widget.CircleImageView 
            android:id="@+id/avatar"
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:layout_centerVertical="true"
            android:layout_marginLeft="10dp"
            android:scaleType="fitXY"
            android:src="@drawable/head"
            />
        <TextView 
            android:id="@+id/unread_msg_number"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:background="@drawable/unread_count_bg"
            android:text="7"
            android:textColor="@android:color/white"
            android:textSize="12sp"
            android:layout_marginRight="2dp"
            android:gravity="center"
            android:layout_marginTop="3dp"
            />
        
    </RelativeLayout>
    
    <TextView 
        android:id="@+id/name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="7dp"
        android:layout_marginTop="6dp"
        android:layout_toRightOf="@id/avatar_container"
        android:textColor="#000"
        android:textSize="16sp"
        android:text="eoeduo"
        />
    <TextView 
        android:id="@+id/time"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_marginRight="7dp"
        android:layout_marginTop="6dp"
        android:textColor="#888888"
        android:textSize="13sp"
        android:text="下午  03:52"
        />
    <ImageView 
        android:id="@+id/msg_state"
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="5dp"
        android:layout_marginLeft="7dp"
        android:layout_toRightOf="@id/avatar_container"
        android:src="@drawable/msg_state_fail_resend"
        android:visibility="visible"
        />
    <TextView 
        android:id="@+id/message"
        android:layout_toLeftOf="@id/time"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_toRightOf="@id/msg_state"
        android:singleLine="true"
        android:ellipsize="end"
        android:textColor="#888888"
        android:textSize="14sp"
        android:text="我是测试的消息的内容，哈哈哈，i am test content"
        android:padding="7dp"
        />
    

</RelativeLayout>

用户头像使用了自定义的圆角头像，也可以使用ImageView。