一、最近的Android项目中，有需要类似qq的聊天功能，包括消息、联系人、聊天。在学习了一段时间Android之后，便开始了开发。原型是这样的。

消息：

联系人：

聊天页面：

二、首先先实现消息和联系人，因为这两个极其类似，所以放到一起。

实现思路是这样的：消息和联系人放在同一个布局下，然后通过tabhost来切换页面，两个tab分别显示不同的listview，具体的消息和联系人的item布局分别用来填充两个listview。首先建立一个主activity和三个布局分别是主layout和消息item的layout和联系人item的layout：

1.首先message_main主布局代码:

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical" >

android:layout_height="30dp"

android:text="消息"

android:textColor="#ffffff"

android:background="#333D3A"

android:gravity="center"/>

android:background="#31B5E5" />

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_gravity="center_vertical"

>

android:layout_width="fill_parent"

android:layout_height="fill_parent"

>

android:layout_width="fill_parent"

android:layout_height="wrap_content">

android:layout_width="fill_parent"

android:layout_height="fill_parent">

android:layout_width="match_parent"

android:layout_height="match_parent"/>

android:id="@+id/relation_list"

android:layout_width="match_parent"

android:layout_height="match_parent"/>

2.

消息

item

的布局：

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:background="#efefef">

android:layout_height="70dip"

android:layout_width="70dip"

android:layout_margin="5dip"/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:padding="5dip"

android:layout_toRightOf="@id/mm_photo"

android:layout_alignTop="@id/mm_photo"

android:text="萌萌的小学生"

android:textSize="8pt"

android:textStyle="bold"

android:maxLength="7"/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:padding="5dip"

android:layout_toRightOf="@id/mm_photo"

android:layout_alignBottom="@id/mm_photo"

android:text="萌萌哒"

android:textColor="#888888"/>

android:id="@+id/mm_date"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignTop="@+id/mm_photo"

android:layout_alignParentRight="true"

android:layout_marginRight="5pt"

android:text="11月3日"/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="#FF0000"

android:text="3"

android:textStyle="bold"

android:textColor="#FFFFFF"

android:layout_marginRight="5pt"

android:layout_marginTop="8pt"

android:layout_alignParentRight="true"

android:layout_below="@id/mm_date"/>

3.

联系人

item

的布局：

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:background="#efefef" >

android:id="@+id/ct_photo"

android:layout_height="70dip"

android:layout_width="70dip"

android:layout_margin="5dip"

/>

android:id="@+id/ct_name"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:padding="5dip"

android:layout_toRightOf="@id/ct_photo"

android:layout_alignTop="@id/ct_photo"

android:text="萌萌的小学生"

android:textSize="8pt"

android:textStyle="bold"

android:maxLength="7"/>

android:id="@+id/ct_sign"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:padding="5dip"

android:layout_toRightOf="@id/ct_photo"

android:layout_alignBottom="@id/ct_photo"

android:text="萌萌哒~"

android:textColor="#888888"/>

到这里，消息和联系人页面的布局就完成了。接下来就是后台代码的编写了。