一、前言
在上一章节我们设定一个练习题，“聊天表情框体”的实现。那么在没有继续往下看之前你是否有实现了自己的框体效果呢？或者思考到了哪些点，实现了多少功能以及遇到了什么样的问题。现在可以带着你的问题继续往下看，这里我会提供一种实现方式。当然，如果你实现了自己的效果可以在留言区回复哦！
二、工程结构
itstack-naive-chat-ui
└── src
├── main
│ ├── java
│ │ └── org.itstack.navice.chat.ui
│ │ ├── view
│ │ │ └── chat
│ │ │ │ ├── data
│ │ │ │ ├── element
│ │ │ │ │ ├── group_bar_chat
│ │ │ │ │ └── group_bar_friend
│ │ │ │ ├── ChatController.java
│ │ │ │ ├── ChatEventDefine.java
│ │ │ │ ├── ChatInit.java
│ │ │ │ ├── ChatView.java
│ │ │ │ ├── IChatEvent.java
│ │ │ │ └── IChatMethod.java
│ │ │ └── face
│ │ │ │ ├── FaceController.java
│ │ │ │ ├── FaceEventDefine.java
│ │ │ │ ├── FaceInit.java
│ │ 
