Android 开发,你遇上 Emoji 头疼吗?

简介:

在 Android 中,如果需要使用的到 Emoji 表情,你会发现在某些设备上,有一些 Emoji 表情会被以豆腐块 “” 的形式显示,这是因为当前设备并不支持这个 Emoji 表情。

而在 Android Support 中,新增加了一个 EmojiCompat 来专门解决这个问题,EmojiCompat 对 Android 4.4(Api Level 19)以及之后的系统,进行 Emoji 的扩展支持!

接下来我们就来了解使用 EmojiCompat 的所有细节!

一、什么是 Emoji?

既然要用到 Emoji ,我们先来了解一下什么是 Emoji。

Emoji 是可以被插入文字中的图形符号。它是一个日本语,e 表示"绘",moji 表示 "文字" ,连在一起就是 “绘文字”。

Emoji 最早是上个世纪 90 年代的时候,又日本电信商率先支持,就是为了在短信中,插入表情,来增强短信的体验。2007 年,Apple 在 iPhone 中支持了 Emoji,才让它在全球范围内流行起来。

iphone-emoji

早期的时候,Emoji 的实现是将一些特殊的符号组合替换成图片表情,例如 :) 替换成 ,这样的解决方案会导致很难将 Emoji 的表情标准化,而且表达的范围也有限。

2010年开始,Unicode 开始为 Emoji 分配码点,也就是说,在那之后的 Emoji 符号,就是一个字体,它会被渲染为图片显示。

Emoji 由于其表达情绪的特点,被广受欢迎。Emoji 的国际标准在 2015 年出台,现在已经是 5.0 版本了,而在 2018 年,将发布 Emoji 6.0(之后会重命名为 Emoji 11,其实就是 Emoji 5.0 的升级版) 版本的标准。

截止到现在,Emoji 5.0 中,被列入 Unicode 的已经有 2623 个了。

具体细节可以在这个网站中查询到:

http://www.unicode.org/emoji/charts/full-emoji-list.html

到这里大家应该清楚,Emoji 在标准化后,其实就是一个字体,它被 Unicode 分配了固定的码点,一般我们就用标准的 Unicode 来标识一个唯一的 Emoji。

虽然 Emoji 已经被标准化了,但是不同平台因为使用的字体不同,导致同样的 Unicode 代表的 Emoji,被渲染显示出不同的效果。

emoji-transfrom

例如这里举的例子,标准的 Emoji U+1F601,在 Apple 和 Android 中,虽然同样表示一个笑脸,但是渲染的效果是不一样的,这一点我们需要了解到。

二、Emoji 在 Android 中的现状

2.1 如何使用 Emoji?

一个标准的 Emoji ,其实是有多种表示方法的,举个例子,先看看前面说的笑脸 U+1F601

xiaolian-emoji

Code、UTF-8、Surrogates 这些形式,都可以表示这个笑脸的 Emoji。通常这个 Emoji 表情是来自用户输入的数据或者服务端传递过来的数据,虽然这些形式都可以表示这个 Emoji,但是不同的格式就需要不同的形式来解析。

正常来说,我们推荐使用 Surrogates 传递 Emoji,例如:\uD83D\uDE01,它本身就是一个 Unicode 的编码,是通用的,可以在 TextView 中直接使用就可以显示。

xiaolian-unicode

可是,假如我们得到的并不是 Surrogates ,而是 Code ,例如 1F601,这样我们就需要进行额外的处理了。其实也很简单,经过几步转换就可以做到。

String(Character.toChars(Integer.parseInt("1F601", 16)))

例子中使用的是 Kotlin 代码,不过应该不影响阅读。

将生成的 String 对象,传递给 TextView,如果是当前设备支持的 Emoji,就可以正常显示了。

2.2 Emoji 显示不出来情况

上一小节介绍的方式,其实我们是没有做任何特殊处理的,完全是以来设备自己的字体库来进行 Emoji 渲染的。这就会导致有一些 Emoji 在某些设备上显示不出来的情况。

使用这种方案,我用我手边的设备运行之后,来看看显示的效果。

emoji-normal-test

很清晰的看到,这里有一些 Emoji 无法显示,会被显示成一个豆腐块 “” ,而这并不是我们想要的。

接下来我们来看看使用 EmojiCompat 如何来处理它。

三、使用 EmojiCompat

3.1 什么是 EmojiCompat

根据官方文档描述,EmojiCompat 支持库主要是为了让 Android 设备,达到最新的 Emoji 符号的显示效果,它可以防止应用中,出现以豆腐块 “” 的形式来显示 Emoji,虽然它仅仅只是因为你当前的设备没有这个字体而已。通过 EmojiCompat ,你的设备无需等待 Android 系统更新,就可以获得最新的 Emoji 表情显示效果。

emoji-comparison

3.2 如何使用 EmojiCompat

EmojiCompat 支持库,最低支持到 Android 4.4(Api Level 19) 的系统设备。

EmojiCompat 提供两种字体的支持方式,它们分别是:

  1. 可下载的字体配置。
  2. 本地捆绑的字体配置。

这两种使用方式,除了引用的库不同之外,最根本的原因在于,可下载的字体的方式,会在首次启动的时候检查本地是否有该字体,没有的话会从网上下载最新的 Emoji 字体;而本地捆绑的方式,会在 App 打包的过程中,植入一个最新的 Emoji 字体文件,然后遇到不能支持的 Emoji,就会从这个字体文件中,加载资源并且渲染。

目前官方使用的是 NotoColorEmojiCompat.ttf 字体文件,后面会详细讲解到。

我想你应该发现了,本地捆绑的方式会嵌入一个字体文件,无形中增大了 Apk 安装包的体积,但是可下载字体的方式,又完全依赖 Google 服务,所以在国内基本上是处于残废状态,在这个大环境下,我们这里只能选择本地捆绑的方式来使用 EmojiCompat。

无论使用哪种方式配置字体,对于 EmojiCompat 而言,其实是不关心的,它只需要判断当前设备是否支持这个 Emoji,支持就使用系统内置的,不支持的话,就使用 EmojiSpans 来替换 CharSequence,来达到替换渲染的效果。

EmojiCompat 的运行原理如下图所示。

emoji-support

3.3 本地捆绑的字体配置方式

既然可下载的 Emoji 字体,需要配合 Google 服务,那这里就不再过多介绍了。

本文主要讲解如何使用本地捆绑的方式,使用 EmojiCompat。

第一步,需要添加 Gradle 依赖。

dependencies {
    ...
    compile "com.android.support:support-emoji-bundled:27.0.2"
}

第二步,初始化 EmojiCompat。

初始化 EmojiCompat ,需要两个步骤。

  1. 首先需要生成一个 BundledEmojiCompatConfig 对象,它的构造方法接收一个 Context。
  2. 再调用 EmojiCompat.init() 方法,将前面生成的 config 传递给它进行初始化。

emoji-init

这个过程越早越好,因为初始化是耗时的,它会去加载打包的时候,嵌入的 Emoji 字体文件,所以大概需要消耗 150ms 的时间,并且占用大概 200kb 的内存。

第三步,使用 EmojiCompat。

初始化完成之后,就剩下如何使用它了。

EmojiCompat 的处理逻辑,前面已经使用图片描述清楚了。它会加载一个 Emoji 字体,然后判断当前设备是否支持需要显示的 Emoji,如果不支持,则使用 EmojiSpans 替换它,最终将处理过的 CharSequence 设置到 TextView 上。

而这个过程,EmojiCompat 提供了非常简单的方法,process()

compat-process

从它的签名可以看出,它接受一个 CharSequence 并处理它,然后返回一个 CharSequence。

举个例子:这里转换一个笑脸的表情。

EmojiCompat.get().process("笑脸: \uD83D\uDE01")

process() 需要接受一个 Unicode 的字符,所以如果得到的数据是前面提到的 Emoji Code 的话,就需要一步单独的转换。process() 内部已经帮我们完成了转换,这些细节都无需我们关心,我们只需要将它返回的 CharSequence 设置给 TextView 就可以了。

3.4 Emoji AppCompat Widgets

在实际项目中,如果每次都需要通过 EmojiCompat.get().process() 对字符串进行处理,其实也挺麻烦的。为此 Google 还为开发者提供了对应控件支持。

如果需要使用它,就需要引入新的依赖库。

dependencies {
      compile "com.android.support:support-emoji-appcompat:27.0.2"
}

引入之后,就可以直接在 XML 中使用 EmojiAppCompat 提供的控件。

emoji-widget

使用 support-emoji-appcompat 只是节省了我们 process() 的步骤,但是依然需要 init() 。

3.5 自定义控件支持 Emoji

你可以一直使用 progress() 或者使用 EmojiAppCompatXxx 控件,但是如果你想要自定义一个控件来显示 Emoji,就需要使用 EmojiCompat 提供的另外两个帮助类。

  • EmojiTextViewHelper
  • EmojiEditViewHelper

这两个使用起来非常简单,一个用于处理纯展示的控件,一个用于处理有输入的状态的控件,非常的简洁明了。

哪怕不记得了,看看 EmojiAppCompatTextView 和 EmojiAppCompatEditView 中的实现方式就可以了。

AppCompatTextView

这里拿 EmojiAppCompatTextView 举例子,只需要在几个关键的位置上,使用 EmojiTextViewHelper 的对应方法即可。

3.6 EmojiCompat面临的问题

整体来说 EmojiCompat 还是很好用的,无论使用哪种方式加载它,实际上我们都不需要做过多的干预。

这里参考官方文档,列举最常见的几个问题。

1、下载字体的下载策略是怎么样的?

Emoji 字体在第一次使用的时候,会检测是否存在于当前设备,如果不存在则在子线程中进行下载。

2、初始化需要多长时间?

当本地已经有字体之后,初始化 EmojiCompat 大约需要 150 毫秒。

3、EmojiCompat 支持库,会使用多少内存?

目前,Emoji 字体被完全加载之后,会使用大约 200kb 的内存。

4、在 Android 4.4 以下的设备上,使用 EmojiAppCompatXxx 控件会发生什么情况?

EmojiCompat 内部已经做了兼容处理,在低版本上就和使用普通的 AppCompatXxx 控件一样。

5、本地捆绑的 Emoji 字体文件,大约有多大?

本地捆绑的 Emoji 字体文件 NotoColorEmojiCompat.ttf,会在打包的时候嵌入到 assets 目录下,现在实际情况来看大小有 7.4MB,这会直接造成 Apk 的增大。

更多的细节,还是建议大家阅读官方文档。

https://developer.android.google.cn/guide/topics/ui/look-and-feel/emoji-compat.html

四、EmojiCompat 的缺陷?

在实际使用 EmojiCompat 的过程中,还遇到了一个不能算缺陷的缺陷。

我们来回忆一下之前提到过的,EmojiCompat 的处理机制。

emoji-support

它只有在当前设备遇到不被支持的 Emoji 的时候,才会从 Support Font 中加载字体,如果有,它会使用 System Font 。

这也不能怪 EmojiCompat 的设计者,它的出发点,是为了解决 Emoji 在某些设备中,显示豆腐块 “” 的问题,而不关心它到底是不是显示最新的 Emoji,是在解决有无的问题。

这就很尴尬了,其实有时候 Android 设备内置支持的字体,显示的效果并不好,我们先来看看使用 EmojiCompat 前后的对比效果。

emoji-duibi

左边是没有使用 EmojiCompat 的效果,而右边是使用过的效果。

很清晰的可以看到 EmojiCompat 帮我补齐了我当前设备部支持的那些 Emoji 表情,但是并没有将 Android 的果冻表情替换为标准的 Emoji 表情。

那么,如果我们想要让它显示最新的 Emoji ,我们需要这么办呢?

前面提到,自从 Emoji 开始被标准化之后,其实就是一个字体,并且 EmojiCompat 也是帮我们捆绑嵌入了一个字体包在 assets 目录下,那我们只需要让我们显示的 TextView 加载这个 Emoji 字体,就可以解决这个问题。

有了思路,我们就来试试这个解决方案是否可行。

emojiUtils

到此,我们就可以通过调用 loadEmoji() 方法,让 TextView 显示 Emoji ,来看看对比的效果。

emoji-duibi3

从左到右,分别是:默认 Emoji、EmojiCompat、Emoji Font 的显示效果。

密密麻麻的表情有点多,密集恐惧症请放过我,!

当然,这里只是提供一个解决方案,采用此方案的情况下,基本上所有 4.4 以上的机型,都可以显示最新的 Emoji,如果对 Emoji 的显示效果有要求,这也不失为一个解决方案。

五、总结

到此,就是我所了解的 Android 下的 Emoji。


本文转自承香墨影博客园博客,原文链接:http://www.cnblogs.com/plokmju/p/8143531.html,如需转载请自行联系原作者


相关文章
|
5天前
|
Linux 编译器 Android开发
FFmpeg开发笔记(九)Linux交叉编译Android的x265库
在Linux环境下,本文指导如何交叉编译x265的so库以适应Android。首先,需安装cmake和下载android-ndk-r21e。接着,下载x265源码,修改crosscompile.cmake的编译器设置。配置x265源码,使用指定的NDK路径,并在配置界面修改相关选项。随后,修改编译规则,编译并安装x265,调整pc描述文件并更新PKG_CONFIG_PATH。最后,修改FFmpeg配置脚本启用x265支持,编译安装FFmpeg,将生成的so文件导入Android工程,调整gradle配置以确保顺利运行。
24 1
FFmpeg开发笔记(九)Linux交叉编译Android的x265库
|
28天前
|
Java Android开发
Android 开发获取通知栏权限时会出现两个应用图标
Android 开发获取通知栏权限时会出现两个应用图标
14 0
|
1月前
|
XML 缓存 Android开发
Android开发,使用kotlin学习多媒体功能(详细)
Android开发,使用kotlin学习多媒体功能(详细)
103 0
|
1月前
|
设计模式 人工智能 开发工具
安卓应用开发:构建未来移动体验
【2月更文挑战第17天】 随着智能手机的普及和移动互联网技术的不断进步,安卓应用开发已成为一个热门领域。本文将深入探讨安卓平台的应用开发流程、关键技术以及未来发展趋势。通过分析安卓系统的架构、开发工具和框架,本文旨在为开发者提供全面的技术指导,帮助他们构建高效、创新的移动应用,以满足不断变化的市场需求。
18 1
|
1月前
|
机器学习/深度学习 调度 Android开发
安卓应用开发:打造高效通知管理系统
【2月更文挑战第14天】 在移动操作系统中,通知管理是影响用户体验的关键因素之一。本文将探讨如何在安卓平台上构建一个高效的通知管理系统,包括服务、频道和通知的优化策略。我们将讨论最新的安卓开发工具和技术,以及如何通过这些工具提高通知的可见性和用户互动性,同时确保不会对用户造成干扰。
33 1
|
2天前
|
数据库 Android开发 开发者
安卓应用开发:构建高效用户界面的策略
【4月更文挑战第24天】 在竞争激烈的移动应用市场中,一个流畅且响应迅速的用户界面(UI)是吸引和保留用户的关键。针对安卓平台,开发者面临着多样化的设备和系统版本,这增加了构建高效UI的复杂性。本文将深入分析安卓平台上构建高效用户界面的最佳实践,包括布局优化、资源管理和绘制性能的考量,旨在为开发者提供实用的技术指南,帮助他们创建更流畅的用户体验。
|
19天前
|
XML 开发工具 Android开发
构建高效的安卓应用:使用Jetpack Compose优化UI开发
【4月更文挑战第7天】 随着Android开发不断进化,开发者面临着提高应用性能与简化UI构建流程的双重挑战。本文将探讨如何使用Jetpack Compose这一现代UI工具包来优化安卓应用的开发流程,并提升用户界面的流畅性与一致性。通过介绍Jetpack Compose的核心概念、与传统方法的区别以及实际集成步骤,我们旨在提供一种高效且可靠的解决方案,以帮助开发者构建响应迅速且用户体验优良的安卓应用。
|
21天前
|
监控 算法 Android开发
安卓应用开发:打造高效启动流程
【4月更文挑战第5天】 在移动应用的世界中,用户的第一印象至关重要。特别是对于安卓应用而言,启动时间是用户体验的关键指标之一。本文将深入探讨如何优化安卓应用的启动流程,从而减少启动时间,提升用户满意度。我们将从分析应用启动流程的各个阶段入手,提出一系列实用的技术策略,包括代码层面的优化、资源加载的管理以及异步初始化等,帮助开发者构建快速响应的安卓应用。
|
21天前
|
Java Android开发
Android开发之使用OpenGL实现翻书动画
本文讲述了如何使用OpenGL实现更平滑、逼真的电子书翻页动画,以解决传统贝塞尔曲线方法存在的卡顿和阴影问题。作者分享了一个改造后的外国代码示例,提供了从前往后和从后往前的翻页效果动图。文章附带了`GlTurnActivity`的Java代码片段,展示如何加载和显示书籍图片。完整工程代码可在作者的GitHub找到:https://github.com/aqi00/note/tree/master/ExmOpenGL。
23 1
Android开发之使用OpenGL实现翻书动画
|
21天前
|
Android开发 开发者
Android开发之OpenGL的画笔工具GL10
这篇文章简述了OpenGL通过GL10进行三维图形绘制,强调颜色取值范围为0.0到1.0,背景和画笔颜色设置方法;介绍了三维坐标系及与之相关的旋转、平移和缩放操作;最后探讨了坐标矩阵变换,包括设置绘图区域、调整镜头参数和改变观测方位。示例代码展示了如何使用这些方法创建简单的三维立方体。
18 1
Android开发之OpenGL的画笔工具GL10