聊天框体实现：对话框

一、前言

本章节我们来实现仿微信聊天对话框部分，对话框的功能是将与某个好友或者群组聊天的集合体现。如果你还记得以前的 QQ，那时候与任何一个好友或者群组通信，都是单独打开的窗体，需要在各个窗体间切换聊天。不过那时候大部分人的即时通信的好友并不多，所以也很适合。但是随着后来移动互联 的发展，也推进桌面版聊天软件的优化。

那么本章节我们就来实现这部分对话框的窗体实现。在你还没有往下看的时候，可以思考下一下以下几个问题（这些问题很多时候是产品经理走完的路，试着主动思考下）；

1. 对话框是怎么来的，触发了什么事件才到对话框中有所体现/li>
2. 一个对话框里面都包含了什么友头像、昵称，还有吗/li>
3. 对话聊天时候，什么时候对话框会被选中，什么时候与某人的对话会跑到首位去/li>

二、框体分析

为了更好的看到的我们接下来实现的内容，将对话框体拆分如下；