Java实现简单的在聊天面板中显示emoji

简介: Java实现简单的在聊天面板中显示emoji

前言

之前在实现显示emoji的功能的时候一直尝试使用JTextArea这个组件,尝试了各种办法,实现起来实在太困难了,如果重写graphics paint方法用于绘制图片表情的话,跟随显示的消息文字定位又难做,使用偏移既要考虑表情图片的大小,又要考虑字体的大小已经插入图片之后光标的重定位的问题,翻看了一遍API感觉难以实现。所以笔者放弃了使用图片表情的形式,改用Unicode自带的emoji。

Unicode

(统一码、万国码、单一码)是计算机科学领域里的一项业界标准,包括字符集、编码方案等。Unicode 是为了解决传统的字符编码方案的局限而产生的,它为每种语言中的每个字符设定了统一并且唯一的二进制编码,以满足跨语言、跨平台进行文本转换、处理的要求。对于详细的Unicode的介绍可以参考 https://baike.baidu.com/item/Unicode/750500?fr=aladdin 此处不多介绍。另外还有两个重要的概念-码点和码元(详细参考:https://blog.csdn.net/diehuang3426/article/details/83422309

我们最需要直到的要点是我们需要的emoji字符属于unicode的辅助平面(辅助平面中的码位从U+10000到U+10FFFF,共计FFFFF个),基本多语言平面中一个码点包含一个码元,而辅助平面中一个码点要两个码元,所以在处理辅助平面的Unicode字符的时候是要特殊照顾的!否则无法正常显示。

emoji-java

在github上找到一个辅助用的包emoji-java,这个包帮助我们完成了这个任务(链接:https://github.com/vdurmont/emoji-java

这个包十分的好用,具体别名请参阅其工程说明,我举个例子,微笑emoji的别名在包中为:smile :

在github上找到一个辅助用的包emoji-java,这个包帮助我们完成了这个任务(链接:https://github.com/vdurmont/emoji-java

这个包十分的好用,具体别名请参阅其工程说明,我举个例子,微笑emoji的别名在包中为:smile :

String str = ":smile:";
String result = EmojiParser.parseToUnicode(str);
System.out.println(result);

会打印出我们要的微笑的emoji,其他的转换参阅github程序

当我们在eclipse的终端上打印的时候,显示是正常的,但是在JTextArea显示为无效字符,这是为什么呢?

    String str = ":smile::cat2:";
    String result = EmojiParser.parseToUnicode(str);
    System.out.println(result);
    JFrame f = new JFrame();
    JButton btn = new JButton(result);
    btn.setSize(200,200);
    JTextArea ta = new JTextArea();
    ta.append(result);

在终端中的显示

2018122814580746.png

在JTextArea中是这样的

2018122814580746.png

这让人挺头痛,将其字符复制到记事本和微软的word中均显示为emoji,笔者观察发现,在word中正常的打的字符的字体为宋体

2018122814580746.png

而当选中表情字符时,发现字体并非宋体

2018122814580746.png

字体为“Segoe UI Emoji”,那么猜想,在Windows系统内,能否正常显示emoji跟字体有关系,当把JTextArea字体换成“Segoe UI Emoji”的时候,果然表情能够正常显示了。那么我们的猜想是正确的。

    Font font = new Font("Segoe UI Emoji",Font.PLAIN,12);
    ta.setFont(font);

2018122814580746.png

但是此时我们发现了一个问题,“Segoe UI Emoji”并不能正确显示正文

ta.append(result+"你好啊");

2018122814580746.png

JTextPane

这似乎要让我们在emoji和中文中二选一,这多么不合理,如果有一种办法可以和Windows中的word等一样,在显示不同字符的时候使用不同的显示字体就好了,笔者想到了可以显示HTML文档的JTextPane,其灵活性更高。swing组件属于jvm,Windows不对其Unicode编码的emoji进行自动转换字体,而Windows对于Unicode中的emoji是用特殊的字体进行显示的。

由于emoji字符属于辅助平面,所以其一个码点包含两个码元,所以我们需要特殊处理,将普通字符和emoji字符进行分离,笔者在此编写了一个算法:

在算法之前,需要对JTextPane配置一下

  private HTMLDocument text_html;  
  private HTMLEditorKit htmledit;
  JTextPane ta = new JTextPane(); //聊天显示框
  ...
  htmledit = new HTMLEditorKit();//实例化一个HTMLEditorkit工具包,用来编辑和解析用来显示在JTextPane中的内容
  text_html = (HTMLDocument) htmledit.createDefaultDocument(); //使用HTMLEditorKit类的方法创建一个文档类,HTMLEditorKit创建的类型默认为htmldocument
  ta.setEditorKit(htmledit);//设置JTextPane组件的编辑器工具包,使其支持html格式
  ta.setContentType("text/html");//设置编辑器要处理的文档内容类型,有text/html,text/rft.text/plain三种类型
  ta.setDocument(text_html); //设置编辑器关联的一个文档

对于具体的API请参阅官方的API大全,也可参考链接( https://blog.csdn.net/sujudz/article/details/7928384

插入HTML使用

insertHTML(HTMLDocument doc, int offset, String html, int popDepth, int pushDepth, HTML.Tag insertTag) 用来插入html文本

显示消息方法如下:

/*
*@author:Moresweet
*@date: 2019-3-19
*@describtion:处理消息字符串,使表情可以正常显示,原str中的表情是用的emoji-java中的表情别名
*@para:String str:服务器返回的消息字符串
*/
public void display(String str) throws BadLocationException, IOException {// 在 ta 中显示收到的数据
    String str_sour = EmojiParser.parseToUnicode(str); //将原串中的表情别名转换为Unicode编码
    for (int j = 0; j < str_sour.length(); j++) { //遍历转换后的字符串
      int codepoint = str_sour.codePointAt(j); //暂存码点
      char[] code = Character.toChars(codepoint);  //将码点转换为Charater
      String str1 = new String(code);   //再次转换为字符串
      if (EmojiManager.isEmoji(EmojiParser.parseToUnicode(str1))) { //如果此码点为表情的Unicode
        htmledit.insertHTML(text_html, ta.getDocument().getLength(),
            "<span style=\"color:'" + color + "';font-family:'Segoe UI Emoji'\">" + str1 + "</span>", 0, 0,
            HTML.Tag.SPAN); //插入html文档 字体为“Segoe UI Emoji'以正常显示表情
        j += 1;  //由于表情一个码点是两个代码单元,故每次循环偏移两个单位
      } else {
        htmledit.insertHTML(text_html, ta.getDocument().getLength(),
            "<span style=\"color:'" + color + "'\">" + str1 + "</span>", 0, 0, HTML.Tag.SPAN);  //非emoji字符则正常显示,color用于颜色控制,在笔者的工程代码中,在此处可忽略
      }
    }
    htmledit.insertHTML(text_html, ta.getDocument().getLength(), "<br />", 0, 0, HTML.Tag.BR); //最后加以换行
  }

效果:

2018122814580746.png

笔者水平有限,若有错误或者不妥之处,请批评指正!

附上聊天室源码下载链接

相关文章
|
4月前
|
JavaScript Java 新能源
基于Java的新能源充电系统的设计与实现(亮点:完整合理的充电流程,举报反馈机制、余额充值、在线支付、在线聊天)
基于Java的新能源充电系统的设计与实现(亮点:完整合理的充电流程,举报反馈机制、余额充值、在线支付、在线聊天)
97 1
|
9月前
|
Java
基于Tomcate、java、websocket 简单在线聊天
基于Tomcate、java、websocket 简单在线聊天
80 0
|
6月前
|
JSON 监控 安全
处理大规模数据流:使用Java编写公司聊天监控软件的数据处理模块
在今天的数字时代,企业越来越依赖聊天公司监控软件来确保员工的上网安全、保护敏感信息,并监测内部通信。为了更有效地处理和分析这些大规模数据流,公司通常需要自定义的数据处理模块。在本文中,我们将探讨如何使用Java编写这样的模块,同时确保跨平台部署。
174 0
|
8月前
|
前端开发 JavaScript IDE
使用Java实现基于Web的聊天应用
在当今互联网时代,即时通讯成为了人们日常生活中必不可少的一部分。本文将介绍如何使用Java编写一个基于Web的聊天应用程序,使用户能够实时交流。
128 1
|
10月前
|
网络协议 前端开发 Java
Netty异步NIO框架(一)java服务端与客户端实现聊天 websocket通道
Netty异步NIO框架(一)java服务端与客户端实现聊天 websocket通道
|
JSON Java 关系型数据库
JAVA基于Swing和Netty,仿QQ界面聊天小项目
先说一下这个小项目也算是我在大学做得第一个应该算的上是的项目的项目,前前后后用了20天左右吧。先是用swing写好了仿QQ界面(界面很丑)最后逻辑实现都是后面断断续续加进去的。写这个项目之前没有很好的规划在逻辑实现方面与数据库逻辑交互过于频繁。走了很多的弯路
|
机器人 Java API
情人节福利,用JAVA做个QQ机器人,帮我提醒女神按时喝水和陪她聊天~(开源)
情人节福利,用JAVA做个QQ机器人,帮我提醒女神按时喝水和陪她聊天~(开源)
565 0
情人节福利,用JAVA做个QQ机器人,帮我提醒女神按时喝水和陪她聊天~(开源)
Java在半透明框架/面板/组件上重新绘画
Java在半透明框架/面板/组件上重新绘画
106 0
Java课程大作业设计:实现联网对战、实时聊天、多线程编程的五子棋项目
本项目是笔者和同学大二下Java课的时候的课程设计项目,该五子棋游戏的客户端可以实现联网对战、实时聊天、自定义昵称、对在线玩家并发出对战邀请、悔棋、撤回聊天消息、逃跑等多种功能,而服务端可以看到在线玩家列表、配对玩家列表、玩家实时上线下线等功能。总的来说,功能比较齐全,代码中也有详细注解思路,是非常不错的新手入门项目。
Java课程大作业设计:实现联网对战、实时聊天、多线程编程的五子棋项目
|
网络协议 Java
Java网络编程:UDP/TCP实现实时聊天、上传图片、下载资源等
ip地址的分类: 1、ipv4、ipv6 127.0.0.1:4个字节组成,0-255,42亿;30亿都在北美,亚洲就只有4亿 2011年就用尽了。
Java网络编程:UDP/TCP实现实时聊天、上传图片、下载资源等