小傅哥 bugstack 虫洞栈

# 1.11：解答篇-聊天表情框体实现

作者：小傅哥
博客：https://bugstack.cn (opens new window)

沉淀、分享、成长，让自己和他人都能有所收获！

# 一、前言

在上一章节我们设定一个练习题，“聊天表情框体”的实现。那么在没有继续往下看之前你是否有实现了自己的框体效果呢？或者思考到了哪些点，实现了多少功能以及遇到了什么样的问题。现在可以带着你的问题继续往下看，这里我会提供一种实现方式。当然，如果你实现了自己的效果可以在留言区回复哦！

# 二、工程结构

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
    │   │       │  │    ├── FaceView.java
    │   │       │  │    └── IFaceMethod.java
    │   │       │  └── login
    │   │       │  └── UIObject.java
    │   │       └── Application.java
    │   └── resources
    │       └── fxml
    │           ├── chat
    │           ├── face
    │           │  ├── css
    │           │  │  └── face.css
    │           │  ├── img
    │           │  └── face.fxml
    │           └── login
    │               ├── css
    │               ├── img
    │               └── login.fxml
    └── test
        └── java
            └── org.itstack.test
                └── ApiTest.java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
  • 在这里我们主要体现新增 聊天表情框体 的功能代码结构；org.itstack.navice.chat.ui.view.face

← 2.1：服务端架构设计 →