一、最近的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"/>
到这里，消息和联系人页面的布局就完成了。接下来就是后台代码的编写了。
