在移動互聯(lián)網(wǎng)如此發(fā)達(dá)的今天，Emoji 已無處不在，并成為我們?nèi)粘＝涣髦胁豢苫蛉钡囊徊糠帧?jù)統(tǒng)計(jì)，Emoji 的使用率在過去 10 年內(nèi)不斷攀升，2021 年更是達(dá)到了歷史新高，每天有超過五分之一的推文中包含了 Emoji，一些應(yīng)用上的用戶每天發(fā)送的 Emoji 數(shù)量更是達(dá)到了數(shù)十億。然而用戶在 Android 平臺上使用 Emoji 時卻存在著一些問題，本文將針對這些問題進(jìn)行探討，并向您介紹 Emoji 的工作原理以及 Android 平臺近期關(guān)于 Emoji 的更新。

Emoji 在 Android 平臺的現(xiàn)狀

Emoji 在 Android 平臺存在的問題

Unicode 每年都會對 Emoji 標(biāo)準(zhǔn)進(jìn)行更新，用戶越來越頻繁地使用各種 Emoji，但卻存在有約 96% 的 Android 用戶無法正確查看新發(fā)布 Emoji 的問題，而 iOS 平臺只有 16%，這一比例明顯高出許多。

另外根據(jù)統(tǒng)計(jì)排名，前 100 位的 Emoji 占據(jù)了所有用戶日常使用 Emoji 總量的 82%，但在約 20% 的情況下，當(dāng)用戶發(fā)送一個 Emoji 后，對方看到的卻是豆腐塊或一張損壞的圖像，這種情況直接導(dǎo)致用戶無法正確通過 Emoji 來傳遞自己的本意。如下圖所示，用戶發(fā)送了一張含淚的笑臉，但對方卻只收到一個中間有 X 的方塊 (我們稱其為豆腐塊)。

△Emoji 在發(fā)送和接受方的不同顯示效果

隨著用戶的增多，Unicode 也在不斷增加新的 Emoji 來體現(xiàn)多元化和包容性，但是 Android 卻并不能完全兼容這些新版的 Emoji，不同的 Android 版本對 Emoji 的支持程度也不同。比如以下的幾個例子:

△Emoji 無法在不同 Android 版本間正確表達(dá)多樣性和包容性

1. 在 Android 7.0 Nougat 和更早版本上無法正確通過 Emoji 表示膚色。用戶發(fā)送了一個表示深膚色手臂的 Emoji，但對方收到的卻是一個手臂和深色方塊的分解版本。
2. 在 Android 8.0 Oreo 和更早版本上無法正確顯示代表中性的 Emoji。
3. 在 Android 9 Pie 和更早版本上不支持顯示多人多膚色的 Emoji。

Android 平臺針對 Emoji 的解決方案

以上問題顯然會導(dǎo)致非常糟糕的用戶體驗(yàn)，并且不利于用戶之間通過 Emoji 進(jìn)行交流。我們的目標(biāo)就是確保所有 Android 用戶無論是使用哪種應(yīng)用，都能夠正常地使用每個 Emoji。為此，從 Android 12 開始，我們引入了可更新系統(tǒng)字體 (Updatable System Fonts)，首先引入的便是 Emoji 字體，這也意味著開發(fā)者再也不需要在搭載 Android 12 以及 12 以上版本的設(shè)備中考慮 Emoji 適配的問題了，系統(tǒng)將默認(rèn)支持新的 Emoji。

但是考慮到時光機(jī)還沒有被發(fā)明出來，我們也沒辦法穿越到過去把可更新系統(tǒng)字體塞到舊版本的設(shè)備中去。如果一直等待時光機(jī)被發(fā)明出來而什么也不做的話，Android 12 版本之前的設(shè)備就會一直顯示豆腐塊，或者以其他錯誤的方式進(jìn)行渲染。因此我們還是做了些改進(jìn)，讓您可以通過更新 Jetpack 庫

EmojiCompat

解決這一問題:

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

EmojiCompat 早在幾年前就已經(jīng)發(fā)布，2021 年我們對其做了很多改進(jìn)，并將其整合至AppCompat 1.4版本中。為此我們開發(fā)了一個新庫 androidx.emoji2，并添加了自動配置選項(xiàng)，它可自行配置以加載正確的字體。我們將這個庫集成到了 AppCompat 1.4 中，也就是說，您僅需升級至 AppCompat 1.4 版本，便可在 API 19 及更高的版本上正常顯示新加入的 Emoji，開箱即用，無需任何額外配置。

• AppCompat 1.4 版本
  https://developer.android.google.cn/jetpack/androidx/releases/appcompat#1.4.1
• androidx.emoji2
  https://developer.android.google.cn/jetpack/androidx/releases/emoji2

AppCompat 1.4 針對 Emoji 的優(yōu)化

△Emoji2 和 Emoji 對比

Emoji2 庫是 AppCompat 庫的一個新的依賴項(xiàng)，雖然它會代替現(xiàn)有的 androidx.emoji 庫，但是 API 幾乎相同。在此次更新中，我們使用 androidx.startup 添加了新的初始化程序 (EmojiCompatInitializer)，添加了新的默認(rèn)配置，并且全部支持了 nullability 注解。另外，相較于 androidx.emoji，我們還刪除了一些在使用 AppCompat 時不再需要的 TextView 子類，這使得在 RA 之后節(jié)省了約 14KB 的大小。

• Emoji2https://developer.android.google.cn/jetpack/androidx/releases/emoji2
• androidx.emojihttps://developer.android.google.cn/jetpack/androidx/releases/emoji

△Emoji2 加載 Emoji 的步驟

在這次更改中，一大新特性便是 EmojiCompatInitializer，它是一個使用了 androidx.startup 庫的初始化程序，在應(yīng)用啟動時會自動配置 EmojiCompat。我們已對該初始化程序的性能進(jìn)行了大量的調(diào)整，對于大多數(shù)應(yīng)用來說使用默認(rèn)配置已經(jīng)完全足夠，但如果您需要對應(yīng)用啟動做納秒級別的優(yōu)化，則可以考慮移除 startup 庫和創(chuàng)建線程所帶來的消耗。首先，確保先初始化 EmojiCompat，再執(zhí)行 Activity.onCreate，這可以保證每個 TextView 都能顯示新版 Emoji。然后，可以像 EmojiCompatInitializer 一樣將 Emoji 字體加載延遲到首屏繪制之后，這樣做是因?yàn)殡m然加載過程是在后臺線程中進(jìn)行的，但它還是執(zhí)行大量的網(wǎng)絡(luò)和磁盤 I/O 操作，這些操作會同首屏加載一起搶奪資源。

這里再次強(qiáng)調(diào)，我們已對該初始化程序的性能進(jìn)行了大量的調(diào)整和優(yōu)化，除非必要，請使用 EmojiCompatInitializer 的默認(rèn)實(shí)現(xiàn)。

另一個重要的功能是默認(rèn)配置，在 androidx.emoji 中您需要從文檔的示例代碼中復(fù)制一些模版配置 (類似于以上代碼) 到應(yīng)用中，而 Emoji2 中我們添加了可以直接用于 EmojiCompatInitializer 的 DefaultEmojiCompatConfig，如下代碼所示，只需一行簡單配置即可，當(dāng)然也支持手動配置的需求。

在 AppCompat 中，我們將 Emoji2 集成到了所有的視圖中，這意味著所有視圖都可以支持新版 Emoji，如果您的 Activity 繼承了 AppCompatActivity，在 XML 中直接使用 TextView 或 EditView 即可。AppCompatActivity 安裝了一個布局填充器 (LayoutInflater)，它會用 AppCompatTextView 來替換 TextView 等視圖，在代碼中無論何時創(chuàng)建 TextView，都應(yīng)該確保創(chuàng)建的是 AppCompatTextView，并且自定義視圖應(yīng)該繼承相應(yīng)的 AppCompat 子類。
所有集成了 Emoji2 的視圖都有一個 EmojiCompatEnabled 屬性，通過它可以控制是否開啟 EmojiCompat，該屬性還提供了 getter 和 setter 方法。EmojiCompatEnabled 屬性有助于在知道文本絕不可能包含 Emoji 的情況下，來規(guī)避執(zhí)行 Emoji 的處理邏輯，雖然即使不規(guī)避該邏輯所帶來的成本也是極低的，但在某些情況下每一納秒都至關(guān)重要，此屬性便是為了支持這種情況。另外，該屬性對于在后臺線程上處理 Emoji 也很有幫助，AppCompat 對于 Emoji2 的集成會在 setText 之后的適當(dāng)時間調(diào)用 EmojiCompat.process，您可以通過 EmojiCompatEnabled 屬性禁用此方法調(diào)用，并對 Emoji 的處理移至后臺線程。但通常這種優(yōu)化沒必要，除非是在 RecyclerView 中展示大量的文本導(dǎo)致卡頓，那么可以考慮采用這一優(yōu)化方案。

測試新版 Emoji

由于集成了可下載字體，對于測試新版的 Emoji 并不是那么容易。要創(chuàng)建一個不會導(dǎo)致誤報或漏報的通用自動化測試庫很難，而大多數(shù)開發(fā)者在實(shí)際情況下會直接手動測試 EmojiCompat 的集成，因此最好的選擇還是使用一個記錄了用于測試的 Emoji 列表，同樣此方式對于手動測試或?qū)ζ聊唤貓D進(jìn)行測試也都非常有用。

如果您希望了解更多信息，請查看文檔:支持新式表情符號。我們在文檔中為您提供了一些關(guān)于配置測試模擬器和設(shè)備所需要的一些操作建議:

https://developer.android.google.cn/guide/topics/ui/look-and-feel/emoji2

Emoji 渲染原理

△一組碼點(diǎn)

Emoji 屬于一種圖形字符，是字符串的一部分。它就像字母 "I"一樣，只是繪制方式和從屬的字體文件不同而已。但是對于計(jì)算機(jī)來說，它并不會特意關(guān)心什么是 Emoji 或字母 "I"，一個字符串本質(zhì)上就只是一組碼點(diǎn)，其中的數(shù)字通過 Unicode 進(jìn)行分配，代表著計(jì)算機(jī)上會出現(xiàn)的每一個字符。

現(xiàn)在 Unicode 并不僅僅只是一種格式了，它還代表了制定該標(biāo)準(zhǔn)的委員會，委員會會決定一些事情，比如數(shù)字 7 代表字母 "I" (實(shí)際上 7 并非真正代表字母 I 的碼點(diǎn)，此處僅僅是舉個例子)。那么當(dāng)您試圖在 Android 上渲染上述表示字符串的碼點(diǎn)時會發(fā)生什么呢？

首先，Android 會根據(jù)碼點(diǎn)和應(yīng)用要求使用的字體樣式為每個字符找出最佳字體。當(dāng)前 Android 上非斜體且正常粗細(xì) "V"的默認(rèn)字體是 roboto-regular.ttf，Android 會對字符串進(jìn)行遍歷，檢查每個字符并查找最佳字體。它會檢查碼點(diǎn)和樣式，您可以對字符串進(jìn)行樣式的定制操作，比如對一些字符進(jìn)行加粗等等。對于上述簡單的字符串來說，它就只是會選擇 roboto-regular.ttf 字體。

△遍歷碼點(diǎn)查找正確的字符串

但是，當(dāng)遇到 Emoji 字符時，您可能會覺得它會進(jìn)行完全不同的渲染方式，畢竟它看起來不像任何其他的字母。但實(shí)際上，Emoji 就是個文本，由碼點(diǎn)表示，同字母 "I"和 "I"一樣沒什么區(qū)別，繪制它的方式就存儲到了字體中。Android 會首先嘗試在字體中查找無斜體且正常粗細(xì)的 "融化臉"，但這一次發(fā)現(xiàn)在 roboto-regular 中并沒有想要的結(jié)果，便會去 NotoColorEmoji 中進(jìn)行查找，這是 AOSP 上預(yù)裝的 Emoji 字體，它包含了每個 Emoji 的圖像，在 Android 平臺上通過這種字體繪制 Emoji 和繪制字母 "I"的方式完全相同，都是查找字體文件后在屏幕上繪制出來。

△通過 NotoColorEmoji 對 Emoji 字符進(jìn)行繪制

在 Android 12 及以上版本中，平臺可以確保 Emoji 會正常顯示，因?yàn)榭筛孪到y(tǒng)字體會將新版 Emoji 添加到字體文件中。但對于 Android 12 之前的版本，我們沒有任何方法可以更新字體，這意味著 Android 不知道用什么字體來繪制 "融化臉"，此時它會改為繪制一個稱為豆腐塊的備用字形。這里就是 Emoji2 開始大展身手的地方了。

△Emoji2 對 Emoji 字符的繪制過程

在將字符串發(fā)送到 Android 系統(tǒng)之前，在字符串上會調(diào)用 EmojiCompat.process 方法，此調(diào)用將遍歷并查找那些系統(tǒng)不知道如何繪制的 Emoji，并為每個 Emoji 添加一個 EmojiSpan，這是一個替換 Span，這意味著它將只替換該段字符串中對應(yīng)的內(nèi)容。系統(tǒng)會直接使用 roboto-regular.ttf 正常繪制，但當(dāng)找到 EmojiSpan 時它會將繪制權(quán)轉(zhuǎn)交給 Span。

在該 Span 中 Android 使用了兩個方法，首先，它會獲取字符尺寸并告訴 Android 要在文本布局中為此 Span 保留多少空間，然后，當(dāng)需要繪制字符串時，它將調(diào)用 EmojiSpan 上的 draw 而非自行繪制。在 EmojiSpan 中，它知道 Compat 版的 Emoji 字體位置，并能直接從中繪制出 "融化臉"。再返回到渲染階段，平臺將調(diào)用 EmojiSpan.draw，整個區(qū)域?qū)⒂?EmojiSpan 進(jìn)行繪制，而非平臺。實(shí)際上，從平臺的角度來看 EmojiSpan 只是在字符串中間繪制了一張圖片，并沒有別的特殊操作。

總結(jié)

本文通過分析 Emoji 在 Android 平臺存在的問題，針對不同版本的 Android 系統(tǒng)介紹了兩種解決方案:

• Android 12 及以上的版本使用可更新系統(tǒng)字體，無需開發(fā)者手動適配；
• Android 12 以下的版本集成 AppCompat 1.4 也可自動適配新版 Emoji，無需額外操作。
  

此外，我們還介紹了 Emoji 的渲染原理，讓您更進(jìn)一步了解 Emoji 是如何呈現(xiàn)在屏幕上的。請記得升級 AppCompat 到 1.4 版本，為用戶提供支持新版 Emoji 的最佳體驗(yàn)。

來源：谷歌開發(fā)者