그림 이모티콘 선택 도구

그림 이모티콘 선택 도구는 현대적인 디자인과 최신 디자인을 제공하는 UI 솔루션입니다. 사용하기 쉽다는 것입니다. 사용자가 그림 이모티콘과 변형을 둘러보고 선택할 수 있습니다. 또는 최근에 사용한 그림 이모티콘 중에서 선택할 수 있습니다.

그림 1. 그림 이모티콘 선택 도구
를 통해 개인정보처리방침을 정의할 수 있습니다.
를 통해 개인정보처리방침을 정의할 수 있습니다.

이 라이브러리를 사용하면 다양한 출처의 앱이 포용적이고 개발자가 빌드하지 않고도 사용자에게 통합된 이모티콘 환경을 제공할 수 있습니다. 처음부터 자신만의 이모티콘 선택 도구를 유지할 수 있습니다

기능

최신 그림 이모티콘

새롭게 출시된 그림 이모티콘은 그림 이모티콘 선택 도구에 선택적으로 포함됩니다. 이 그림 이모티콘 선택 도구 라이브러리는 여러 Android 버전과 호환되며 기기에서 사용할 수 있습니다.

고정 변형

그림 이모티콘을 길게 누르면 성별이나 피부색이 다를 수 있습니다. 선택한 변형은 그림 이모티콘 선택 도구에 저장됩니다. 마지막으로 선택한 대안이 기본 패널에 사용됩니다.

이 기능을 사용하면 사용자는 원하는 이모티콘 변형을 하나의 이모티콘으로 전송할 수 있습니다. 탭합니다.

<ph type="x-smartling-placeholder">
</ph> 그림 이모티콘 변형 <ph type="x-smartling-placeholder">
</ph> 그림 2. 그림 이모티콘 변형
를 통해 개인정보처리방침을 정의할 수 있습니다.
를 통해 개인정보처리방침을 정의할 수 있습니다.

최근 이모티콘

<ph type="x-smartling-placeholder">
</ph> 최근 이모티콘 <ph type="x-smartling-placeholder">
</ph> 그림 3. 최근 이모티콘
를 통해 개인정보처리방침을 정의할 수 있습니다.
를 통해 개인정보처리방침을 정의할 수 있습니다.

RecentEmojiProvider최근 사용 카테고리 라이브러리에 기본 최근 그림 이모티콘 제공자가 있음 모델을 학습시키는 작업도 반복해야 합니다

  • 선택한 모든 그림 이모티콘은 공유 환경설정에 앱별로 저장됩니다.
  • 선택 도구에 선택된 이모티콘이 최대 3행까지 표시되며, 중복 삭제된 이모티콘이 역순으로 표시됩니다. 시간순으로 표시됩니다.

이 기본 동작이 충분하다면 setRecentEmojiProvider()

그러나 제공자 동작을 맞춤설정해야 할 수도 있습니다. 다음은 몇 가지 일반적인 시나리오:

  • 사용자 계정별로 선택한 이모티콘을 저장하려고 합니다.
  • 공유 환경설정이 아닌 데이터 저장소를 사용하려고 합니다.
  • 최근 이모티콘을 표시하고 빈도별로 정렬하려고 합니다.

그런 다음 RecentEmojiProvider 인터페이스를 구현하고 다음을 사용하여 설정할 수 있습니다. setRecentEmojiProvider()입니다.

EmojiCompat와의 호환성

사용 설정하면 그림 이모티콘 선택 도구에 EmojiCompat 인스턴스가 사용됩니다. 최대한 많은 이모티콘을 렌더링할 수 있습니다. 그림 이모티콘 선택 도구는 그러나 EmojiCompat는 예외입니다.

기본 요건

앱에서 Android 5.0 (API 수준 21) 이상을 타겟팅해야 합니다.

라이브러리 사용

  1. 앱의 build.gradle에서 androidx.emoji2:emojipicker:$version 가져오기 파일에서 참조됩니다.

    dependencies {
        implementation "androidx.emoji2:emojipicker:$version"
    }
    
  2. 그림 이모티콘 선택 도구 뷰를 확장하고 원하는 경우 emojiGridRowsemojiGridColumns입니다.

    • emojiGridColumns의 기본 개수는 9입니다.
    • 행 수는 상위 뷰의 높이와 emojiGridColumns
    • emojiGridRows에 부동 소수점 값을 사용하여 사용자가 더 많은 이모티콘을 보려면 아래로 스크롤하세요.
    <androidx.emoji2.emojipicker.EmojiPickerView
        android:id="@+id/emoji_picker"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:emojiGridColumns="9" />
    
    val emojiPickerView = EmojiPickerView(context).apply {
        emojiGridColumns = 15
        layoutParams = ViewGroup.LayoutParams(
            ViewGroup.LayoutParams.MATCH_PARENT,
            ViewGroup.LayoutParams.MATCH_PARENT
        )
    }
    
    findViewById<ViewGroup>(R.id.emoji_picker_layout).addView(emojiPickerView)
    
  3. setOnEmojiPickedListener()를 사용하여 선택한 이모티콘을 뷰에 추가합니다. 예를 들어 EditText에 추가하려면 다음을 실행합니다.

    emojiPickerView.setOnEmojiPickedListener {
        findViewById<EditText>(R.id.edit_text).append(it.emoji)
    }
    
  4. 선택적으로 RecentEmojiProvider를 설정합니다. 예시는 샘플 앱을 참고하세요. 있습니다.

  5. 원하는 경우 스타일을 맞춤설정합니다. 나만의 스타일을 만들어 공통 테마 재정의하기 속성을 사용하고 EmojiPickerView에 스타일을 적용합니다. 예를 들어 colorControlNormal를 재정의하면 카테고리 아이콘 색상이 변경됩니다.

    <style name="CustomStyle" >
        <item name="colorControlNormal">#FFC0CB</item>
    </style>
    <androidx.emoji2.emojipicker.EmojiPickerView
        android:id="@+id/emoji_picker"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:theme="@style/CustomStyle"
        app:emojiGridColumns="9" />
    

샘플 앱

그림 이모티콘 선택 도구 샘플 앱에서는 기본 사용 사례를 살펴보고 다음과 같은 추가 시나리오가 발생할 수 있습니다.

  • emojiGridRows 또는 emojiGridColumns가 재설정될 때 레이아웃 다시 계산
  • 빈도별로 정렬되는 재정의된 최근 그림 이모티콘 제공자입니다.
  • 추가 스타일 맞춤설정.