UI系列教程第六课:微信聊天气泡界面的实现
今天蓝老师要给童鞋们讲的是微信聊天界面气泡的实现
如效果图所示,许多应用即时通讯的应用软件都会涉及到聊天界面
而这样的界面使用气泡的方式来呈现要比死板的方块文字更具视觉效果
而聊天内容的背景则是用点九图来处理以便自适应文本长度
(对点九图还不熟悉的童鞋请看这篇博文:http://blog.csdn.net/geniuseoe2012/article/details/7899738)
其实整体下来还是用listview+自定义baseadapter来实现
只不过传统apapter布局都是单一ITEM布局
这里则至少需要两种布局来呈现整个信息交互过程
先看看adapter的实现过程:
public class ChatMsgViewAdapter extends BaseAdapter {
public static interface IMsgViewType
{
int IMVT_COM_MSG = 0;
int IMVT_TO_MSG = 1;
}
private static final String TAG = ChatMsgViewAdapter.class.getSimpleName();
pr