최신 그림 이모티콘 지원

모든 유형의 앱에서 그림 이모티콘을 사용하는 사용자가 급속히 늘어나면서 표준 세트의 그림 이모티콘이 매년 유니코드로 새롭게 태어나고 있습니다.

앱에서 인터넷 콘텐츠를 표시하거나 텍스트 입력을 제공하는 경우 최신 그림 이모티콘 글꼴을 지원하는 것이 좋습니다. 그러지 않으면 최신 그림 이모티콘이 두부(☐)라는 작은 정사각형 상자나 잘못 렌더링된 다른 그림 이모티콘 시퀀스로 표시될 수 있습니다.

Android 11(API 수준 30) 이하 버전에는 그림 이모티콘 글꼴을 업데이트할 수 있는 기능이 없으므로, 그러한 하위 버전에서 그림 이모티콘을 표시하는 앱은 수동으로 업데이트해야 합니다.

다음은 최신 그림 이모티콘의 몇 가지 예입니다.

예 버전
🫠 🫱🏼‍🫲🏿 🫰🏽 14.0(2021년 9월)
😶‍🌫️ 🧔🏻‍♀️ 🧑🏿‍❤️‍🧑🏾 13.1(2020년 9월)
🥲 🥷🏿 🐻‍❄️ 13.0(2020년 3월)
🧑🏻‍🦰 🧑🏿‍🦯 👩🏻‍🤝‍👩🏼 12.1(2019년 10월)
🦩 🦻🏿 👩🏼‍🤝‍👩🏻 12.0(2019년 2월)

androidx.emoji2:emoji2 라이브러리는 더 간단한 방식으로 이전 Android 버전과의 하위 호환성을 제공합니다. emoji2 라이브러리는 AppCompat 라이브러리의 종속 항목이며 작동하는 데 추가 구성이 필요하지 않습니다.

기본 요건

앱이 최신 그림 이모티콘을 제대로 표시하는지 확인하려면 Android 4.4(API 수준 19)부터 Android 10(API 수준 29)까지의 버전을 실행하는 기기에서 앱을 실행합니다. 이 페이지에는 테스트 용도로 표시할 수 있는 최신 그림 이모티콘이 포함되어 있습니다.

AppCompat를 사용하여 최신 그림 이모티콘 지원

AppCompat 1.4에서는 Android 4.4까지 그림 이모티콘이 지원됩니다.

AppCompat를 사용하여 최신 그림 이모티콘을 지원하는 방법은 다음과 같습니다.

  1. 모듈이 appcompat 라이브러리 버전 1.4.0-alpha01 이상에 종속되는지 확인합니다.

    build.gradle

// Ensure version is 1.4.0-alpha01 or higher.
implementation "androidx.appcompat:appcompat.$appcompatVersion"

  2. 텍스트를 표시하는 모든 활동이 AppCompatActivity 클래스를 확장하는지 확인합니다.

    Kotlin

    MyActivity.kt

class MyActivity: AppCompatActivity {
   …
}

    자바

    MyActivity.java

class MyActivity extends AppCompatActivity {
   …
}

  3. 통합을 테스트하려면 Android 10 이하를 실행하는 기기에서 앱을 실행하고 다음 테스트 문자열을 표시합니다. 모든 문자가 올바르게 렌더링되는지 확인합니다.

    • 14.0: 🫠, 🫱🏼‍🫲🏿, 🫰🏽
    • 13.1: 😶‍🌫️, 🧔🏻‍♀️, 🧑🏿‍❤️‍🧑🏾
    • 13.0: 🥲, 🥷🏿, 🐻‍❄️
    • 12.1: 🧑🏻‍🦰, 🧑🏿‍🦯, 👩🏻‍🤝‍👩🏼
    • 12.0: 🦩, 🦻🏿, 👩🏼‍🤝‍👩🏻

이제 완료됐습니다. 앱은 emoji2와 호환되는 다운로드 가능한 글꼴 제공자를 제공하는 모든 기기(예: Google Play 서비스에서 제공하는 기기)에서 이전 버전과 호환되는 그림 이모티콘을 자동으로 표시합니다.

앱에서 AppCompat를 사용하지만 두부(☐)를 표시하는 경우

경우에 따라, AppCompat 라이브러리를 추가했지만 앱에 적절한 그림 이모티콘 대신 두부(☐)가 표시될 수 있습니다. 다음은 몇 가지 가능한 설명 및 해결책입니다.

최근에 플래시된 기기 또는 완전히 새로운 에뮬레이터에서 앱을 실행 중임

Google Play 서비스의 앱 데이터를 삭제하여, 시작 중에 발생했을 수 있는 글꼴 캐싱을 지웁니다. 그렇게 하면 이러한 상황은 일반적으로 몇 시간 후에 저절로 해결됩니다.

앱 데이터를 지우려면 다음 단계를 따릅니다.

  1. Android 기기에서 설정을 엽니다.

  2. 설정에서 앱 및 알림을 탭합니다.

  3. 모든 앱 보기 또는 앱 정보를 탭합니다.

  4. 앱을 스크롤하여 Google Play 서비스를 탭합니다.

  5. 저장용량 및 캐시를 탭합니다.

  6. 캐시 지우기를 탭합니다.

앱에서 AppCompat 텍스트 관련 클래스를 사용하지 않음

AppCompatActivity를 확장하지 않거나 코드에서 TextView 같은 뷰를 인스턴스화하는 경우에 이 현상이 발생할 수 있습니다. 다음을 수행하세요.

  • 활동이 AppCompatActivity를 확장합니다.
  • 코드에서 뷰를 만드는 경우 올바른 appcompat subclass를 사용합니다.

AppCompatActivity는 XML을 확장할 때 TextView 대신 AppCompatTextView를 자동으로 확장하므로 XML을 업데이트할 필요가 없습니다.

테스트 전화에서 다운로드 가능한 글꼴을 지원하지 않음

DefaultEmojiCompatConfig.create가 null이 아닌 구성을 반환하는지 확인합니다.

이전 API 수준의 에뮬레이터가 Google Play 서비스를 업그레이드하지 않음

이전 API 수준의 에뮬레이터를 사용하는 경우 글꼴 제공자를 찾으려면 emoji2와 관련해 번들된 Google Play 서비스를 업그레이드해야 할 수 있습니다. 이렇게 하려면 에뮬레이터에서 Google Play 스토어에 로그인합니다.

최신 버전이 설치되어 있는지 확인하려면 다음을 진행합니다.

  1. 다음 명령을 실행하여

    adb shell dumpsys package com.google.android.gms | grep version

  2. versionCode가 211200000보다 높은지 확인합니다.

AppCompat 없이 그림 이모티콘 지원

앱에 appcompat가 포함되어 있지 않으면 emoji2를 직접 사용할 수 있습니다. 그렇게 하려면 더 많은 작업이 필요하므로 앱에서 appcompat를 사용할 수 없는 경우에만 이 방법을 사용합니다.

AppCompat 라이브러리 없이 그림 이모티콘을 지원하려면 다음을 진행합니다.

  1. 앱의 build.gradle 파일에 emoji2 및 emoji2-views를 포함합니다.

    build.gradle

def emojiVersion = "1.0.0-alpha03"
implementation "androidx.emoji2:emoji2:$emojiVersion"
implementation "androidx.emoji2:emoji2-views:$emojiVersion"

    emoji2-views 모듈은 EmojiCompat를 구현하는 TextView, Button, EditText의 서브클래스를 제공하고, EmojiCompat를 이미 구현하기 때문에 appcompat를 포함하는 앱에 사용해서는 안 됩니다.

  2. (TextView,EditText 또는 Button을 사용할 때마다) XML 또는 코드에는 EmojiTextView, EmojiEditText 또는 EmojiButton을 대신 사용합니다.

    activity_main.xml

<androidx.emoji2.widget.EmojiTextView … />
<androidx.emoji2.widget.EmojiEditText … />
<androidx.emoji2.widget.EmojiButton … />

    emoji2 모듈을 포함하면 시스템에서는 다운로드 가능한 기본 글꼴 제공자를 사용하여 앱 시작 직후 그림 이모티콘 글꼴을 자동으로 로드하며, 추가 구성은 필요하지 않습니다.

  3. 통합을 테스트하려면 Android 10 이하를 실행하는 기기에서 앱을 실행하고 다음 테스트 문자열을 표시합니다. 모든 문자가 올바르게 렌더링되는지 확인합니다.

    • 14.0: 🫠, 🫱🏼‍🫲🏿, 🫰🏽
    • 13.1: 😶‍🌫️, 🧔🏻‍♀️, 🧑🏿‍❤️‍🧑🏾
    • 13.0: 🥲, 🥷🏿, 🐻‍❄️
    • 12.1: 🧑🏻‍🦰, 🧑🏿‍🦯, 👩🏻‍🤝‍👩🏼
    • 12.0: 🦩, 🦻🏿, 👩🏼‍🤝‍👩🏻

위젯 없이 EmojiCompat 사용

EmojiCompat는 EmojiSpan을 사용하여 정확한 이미지를 렌더링합니다. 따라서 지정된 [CharSequence] 객체를 EmojiSpan 객체가 있는 Spanned 객체로 변환해야 합니다. EmojiCompat 클래스는 CharSequences를 Spanned 인스턴스로 변환하는 process() 메서드를 제공합니다. 이 메서드를 사용하면 백그라운드에서 process()를 호출하고 결과를 캐시할 수 있으므로 앱 성능이 향상됩니다.

Kotlin

val processed = EmojiCompat.get().process("neutral face \uD83D\uDE10")

자바

CharSequence processed = EmojiCompat.get().process("neutral face \uD83D\uDE10");

입력 방식 편집기(IME)에 EmojiCompat 사용

EmojiCompat 클래스를 사용하면 키보드가 상호작용하는 앱에서 지원되는 그림 이모티콘을 렌더링할 수 있습니다. 입력 방식 편집기 (IME)는 hasEmojiGlyph() 메서드를 사용하여 EmojiCompat의 인스턴스가 그림 이모티콘을 렌더링할 수 있는지 확인할 수 있습니다. 이 메서드는 그림 이모티콘의 CharSequence를 사용하며 EmojiCompat가 그림 이모티콘을 감지하고 렌더링할 수 있다면 true를 반환합니다.

또한 키보드는 앱에서 지원하는 EmojiCompat 버전을 확인하여 팔레트에서 렌더링할 그림 이모티콘을 결정할 수도 있습니다. 사용 가능한 버전이 있어 버전을 확인하기 위해 키보드는 EditorInfo.extras 번들에 다음 키가 있는지 확인할 수 있습니다.

  • EDITOR_INFO_METAVERSION_KEY: 앱에서 사용하는 그림 이모티콘 메타데이터의 버전을 나타냅니다. 이 키가 없으면 앱은 EmojiCompat를 사용하지 않는 것입니다.
  • EDITOR_INFO_REPLACE_ALL_KEY: 키가 존재하고 true로 설정되어 있으면 앱은 그림 이모티콘이 시스템에 있더라도 모든 그림 이모티콘을 대체하도록 EmojiCompat를 구성한 것입니다.

EmojiCompat 인스턴스를 구성하는 방법을 자세히 알아보세요.

맞춤 뷰에서 그림 이모티콘 사용

앱이 TextView의 직접 또는 간접 서브클래스(예: Button, Switch 또는 EditText)에 해당하는 맞춤 뷰를 가지고 있고 사용자 제작 콘텐츠를 표시할 수 있는 경우 뷰는 각각 EmojiCompat를 구현해야 합니다.

프로세스는 앱에서 appcompat 라이브러리를 사용하는지에 따라 다릅니다.

AppCompat를 사용하는 앱에 맞춤 뷰 추가

앱에서 AppCompat를 사용하는 경우 플랫폼 구현 대신 AppCompat 구현을 확장합니다. AppCompat에서 뷰를 확장하는 방법과 관련해서는 다음 표를 가이드로 사용하세요.

다음을 확장하는 대신 다음을 확장
TextView AppCompatTextView
EditText AppCompatEditText
ToggleButton AppCompatToggleButton
Switch SwitchCompat
Button AppCompatButton
CheckedTextView AppCompatCheckedTextView
RadioButton AppCompatRadioButton
CheckBox AppCompatCheckBox
AutoCompleteTextView AppCompatAutoCompleteTextView
MultiAutoCompleteTextView AppCompatMultiAutoCompleteTextView

AppCompat를 사용하지 않는 앱에 맞춤 뷰 추가

앱에서 appcompat를 사용하지 않는다면 맞춤 뷰에 사용하도록 설계된 뷰 통합 도우미를 emoji2-views-helper 모듈에 사용합니다. appcompat 라이브러리가 그림 이모티콘 지원을 구현하는 데 사용하는 도우미입니다.

appcompat를 사용하지 않는 앱에 맞춤 뷰를 지원하려면 다음 단계를 완료합니다.

  1. emoji2-views-helper 라이브러리를 추가합니다.

    implementation "androidx.emoji2:emoji2-views-helper:$emojiVersion"

  2. 안내에 따라 앱의 맞춤 뷰에 EmojiTextViewHelper 또는 EmojiEditTextHelper를 포함합니다.

  3. 통합을 테스트하려면 Android 10 이하를 실행하는 기기에서 앱을 실행하고 다음 테스트 문자열을 표시합니다. 모든 문자가 올바르게 렌더링되는지 확인합니다.

    • 14.0: 🫠, 🫱🏼‍🫲🏿, 🫰🏽
    • 13.1: 😶‍🌫️, 🧔🏻‍♀️, 🧑🏿‍❤️‍🧑🏾
    • 13.0: 🥲, 🥷🏿, 🐻‍❄️
    • 12.1: 🧑🏻‍🦰, 🧑🏿‍🦯, 👩🏻‍🤝‍👩🏼
    • 12.0: 🦩, 🦻🏿, 👩🏼‍🤝‍👩🏻

emoji2 처리를 위한 선택적 기능

앱에 emoji2 라이브러리를 포함했으면 이 섹션에 설명된 선택적 기능을 추가할지 선택할 수 있습니다.

다른 글꼴 또는 다운로드 가능한 글꼴 제공자를 사용하도록 emoji2 구성

다른 글꼴 또는 다운로드 가능한 글꼴 제공자를 사용하도록 emoji2를 구성하려면 다음을 진행합니다.

  1. 다음을 매니페스트에 추가하여 EmojiCompatInitializer를 중지합니다.

    <provider
    android:name="androidx.startup.InitializationProvider"
    android:authorities="${applicationId}.androidx-startup"
    android:exported="false"
    tools:node="merge">
<meta-data android:name="androidx.emoji2.text.EmojiCompatInitializer"
           tools:node="remove" />
</provider>

  2. 다음 중 한 가지 방법을 사용합니다.

EmojiCompat 동작 수정

EmojiCompat.Config의 인스턴스를 사용하여 EmojiCompat 동작을 수정할 수 있습니다.

가장 중요한 구성 옵션은 setMetadataLoadStrategy()입니다. 이 옵션은 EmojiCompat가 글꼴을 로드하는 시기를 제어합니다. EmojiCompat.load()가 호출되는 즉시 글꼴 로드가 시작되고 그러면 필요한 다운로드가 트리거됩니다. 앱에서 제공하지 않는 한, 시스템에서 글꼴 다운로드를 위한 스레드를 생성합니다.

LOAD_STRATEGY_MANUAL은 EmojiCompat.load()의 호출 시점을 제어하도록 허용하고, LOAD_STRATEGY_DEFAULT는 EmojiCompat.init() 호출 시 동기식으로 로드가 시작되도록 합니다.

대부분의 앱은 LOAD_STRATEGY_MANUAL을 사용하여 스레드와 글꼴 로드 시기를 제어해야 합니다. 특히 앱은 시작 지연 시간이 발생하지 않도록 첫 번째 화면이 표시될 때까지 지연해야 합니다. EmojiCompatInitializer는 이 방식을 따르고, 첫 번째 화면이 다시 시작할 때까지 그림 이모티콘 글꼴 로드를 지연합니다.

기본 클래스의 다음 메서드를 사용하여 구성의 다른 측면을 설정할 수 있습니다.

  • setReplaceAll(): EmojiCompat가 검색한 모든 그림 이모티콘을 EmojiSpan의 인스턴스로 대체해야 하는지 결정합니다. 기본적으로 EmojiCompat는 시스템에서 그림 이모티콘을 렌더링할 수 있다고 추론할 경우 그 그림 이모티콘을 대체하지 않습니다. true로 설정된 경우 EmojiCompat는 모든 그림 이모티콘을 EmojiSpan 객체로 대체합니다.
  • setEmojiSpanIndicatorEnabled(): EmojiCompat가 그림 이모티콘을 EmojiSpan 객체로 대체했는지를 나타냅니다. true로 설정하면 EmojiCompat은 EmojiSpan의 배경을 그립니다. 이 메서드는 주로 디버깅 목적으로 사용됩니다.
  • setEmojiSpanIndicatorColor: EmojiSpan을 나타내는 색상을 설정합니다. 기본값은 GREEN입니다.
  • registerInitCallback(): EmojiCompat 초기화 상태에 관해 앱에 알립니다.

초기화 리스너 추가

EmojiCompat 및 EmojiCompat.Config 클래스는 초기화 콜백을 등록하거나 등록 취소할 수 있는 registerInitCallback() 및 unregisterInitCallback() 메서드를 제공합니다. 개발자가 백그라운드 스레드 또는 맞춤 뷰에서 그림 이모티콘을 처리하기 전에 앱은 이러한 콜백을 사용하여 EmojiCompat가 초기화될 때까지 기다립니다.

이러한 메서드를 사용하려면 EmojiCompat.InitCallback 클래스의 인스턴스를 생성해야 합니다. 이러한 메서드를 호출하고 EmojiCompat.InitCallback 클래스의 인스턴스를 전달합니다. 초기화에 성공하면 EmojiCompat 클래스가 onInitialized() 메서드를 호출합니다. 라이브러리가 초기화에 실패하면 EmojiCompat 클래스는 onFailed() 메서드를 호출합니다. 언제든지 초기화 상태를 확인하려면 getLoadState() 메서드를 호출합니다. 이 메서드는 LOAD_STATE_LOADING, LOAD_STATE_SUCCEEDED, LOAD_STATE_FAILED 값 중 하나를 반환합니다.

emoji2로 번들된 글꼴 지원

emoji2-bundled 아티팩트를 사용하여 앱에 그림 이모티콘 글꼴을 번들로 묶을 수 있습니다. 하지만 현재 NotoColorEmoji 글꼴이 10MB를 초과하므로 가능하면 앱에서 다운로드 가능한 글꼴을 사용하는 것이 좋습니다. emoji2- bundled 아티팩트는 다운로드 가능한 글꼴을 지원하지 않는 기기의 앱에 사용하기 위한 용도입니다.

emoji2-bundled 아티팩트를 사용하려면 다음을 진행합니다.

  1. emoji2-bundled 및 emoji2 아티팩트를 포함합니다.

    implementation "androidx.emoji2:emoji2:$emojiVersion"
implementation "androidx.emoji2:emoji2-bundled:$emojiVersion"

  2. 번들된 구성을 사용하도록 emoji2를 구성합니다.

    Kotlin

    EmojiCompat.init(BundledEmojiCompatConfig(context))

    자바

    EmojiCompat.init(new BundledEmojiCompatConfig(context));

  3. appcompat을 emojicompat과 함께 또는 이 항목 없이 포함한 다음 위 단계에 따라 통합을 테스트하여 테스트 문자열이 올바로 표시되는지 확인합니다.

    • 14.0: 🫠, 🫱🏼‍🫲🏿, 🫰🏽
    • 13.1: 😶‍🌫️, 🧔🏻‍♀️, 🧑🏿‍❤️‍🧑🏾
    • 13.0: 🥲, 🥷🏿, 🐻‍❄️
    • 12.1: 🧑🏻‍🦰, 🧑🏿‍🦯, 👩🏻‍🤝‍👩🏼
    • 12.0: 🦩, 🦻🏿, 👩🏼‍🤝‍👩🏻

자동 EmojiCompat 구성의 영향

시작 라이브러리, EmojiCompatInitializer 및 DefaultEmojiCompatConfig를 사용하여 기본 구성이 적용됩니다.

앱에서 첫 번째 활동이 다시 시작되는 즉시 이니셜라이저가 그림 이모티콘 글꼴 로드를 예약합니다. 지연이 짧기 때문에, 백그라운드 스레드에서의 글꼴 로드로 인한 잠재적 지연 시간 없이 앱은 초기 콘텐츠를 표시할 수 있습니다.

DefaultEmojiCompatConfig는 EmojiCompat 인터페이스를 구현하는 다운로드 가능한 시스템 설치 글꼴 제공자(예: Google Play 서비스)를 찾습니다. 그러면 Google Play 서비스에서 제공하는 기기에서는 Google Play 서비스를 사용하여 글꼴이 로드됩니다.

이니셜라이저가 그림 이모티콘 글꼴을 로드하기 위한 백그라운드 스레드를 만듭니다. 글꼴 다운로드는 시간 초과 전까지 최대 10초가 걸릴 수 있습니다. 글꼴을 다운로드한 후 백그라운드 스레드에서 EmojiCompat를 초기화하는 데 약 150밀리초가 걸립니다.

EmojiCompatInitializer를 중지하는 경우라도 EmojiCompat의 초기화를 지연합니다. EmojiCompat를 수동으로 구성하는 경우, 첫 번째 화면 로드와의 백그라운드 경합을 방지하기 위해 앱의 첫 번째 화면이 표시되면 EmojiCompat.load()를 호출합니다.

로드되면 EmojiCompat는 그림 이모티콘 메타데이터를 보관하는 데 약 300KB의 RAM을 사용합니다.