Emoji Seçici

Emoji Seçici, modern bir görünüm ve tarz sunan güncel bir kullanıcı arayüzü çözümüdür ve kullanım kolaylığı. Kullanıcılar emojilere ve çeşitlerine göz atıp bunları seçebilir veya son kullandıkları emojiler arasından seçim yapın.

Şekil 1. Emoji Seçici
ziyaret edin.
'nı inceleyin.

Bu kitaplık sayesinde, çeşitli kaynaklardan derlenen uygulamalar kapsayıcı ve geliştiricilerin bir emoji oluşturması gerekmeden kullanıcılarına birleşik bir emoji deneyimi ve sıfırdan kendi emoji seçiciyi kullanabilir.

Özellikler

Güncel Emoji'ler

Yeni yayınlanan emojiler, emoji seçiciye seçici bir şekilde dahil edilir. İlgili içeriği oluşturmak için kullanılan Emoji Seçici kitaplığı birden fazla Android sürümünde ve cihazlar.

Yapışkan varyantlar

Varyantlardan oluşan bir menü görüntülemek için bir emojiye uzun basın (ör. farklı) ve ten rengine dikkat edin. Seçtiğiniz varyant Emoji Seçici'ye kaydedildi. ve son seçilen varyant ana panelde kullanılır.

Bu özellik sayesinde kullanıcılar, tercih ettikleri emoji varyantlarını tek bir dokunun.

emoji varyantları
Şekil 2. Emoji varyantları
ziyaret edin.
'nı inceleyin.

Son emojiler

son emojiler
Şekil 3. Son emojiler
ziyaret edin.
'nı inceleyin.

RecentEmojiProvider Son Kullanılanlar kategorisi. Kitaplıkta varsayılan bir son emoji sağlayıcısı var bir şablon kullanabilirsiniz:

  • Seçilen tüm emoji'ler, paylaşılan tercihlere uygulama bazında kaydedilir.
  • Seçici, seçilen emojilerden en fazla 3 tanesini tekilleştirilmiş olarak, arkadan gösterir kronolojik sırada olmasını sağlar.

Bu varsayılan davranış yeterliyse setRecentEmojiProvider()

Ancak sağlayıcı davranışını özelleştirmeniz gerekebilir. Aşağıda bazı örnekler verilmiştir: sık karşılaşılan senaryolar:

  • Seçilen emojileri her kullanıcı hesabı için farklı olacak şekilde depolamak istiyorsanız.
  • Paylaşılan tercihler dışında veri depolamayı kullanmak istiyorsunuz.
  • En son kullanılan emojileri sıklığa göre sıralanmış şekilde görüntülemek istiyorsunuz.

Daha sonra RecentEmojiProvider arayüzünü uygulayabilir ve setRecentEmojiProvider().

EmojiCompat ile uyumluluk

Etkinleştirilirse Emoji Seçici'de bir EmojiCompat örneği kullanılır emojileri kullanır. Emoji Seçici Ancak EmojiCompat.

Ön koşullar

Uygulamanız, Android 5.0 (API düzeyi 21) veya sonraki sürümleri hedeflemelidir.

Kitaplığı kullanma

  1. androidx.emoji2:emojipicker:$version dosyasını uygulamanızın build.gradle klasörüne aktarın dosyası olarak kaydedebilirsiniz.

    dependencies {
    implementation "androidx.emoji2:emojipicker:$version"
}

  2. Emoji Seçici görünümünü şişirin ve isteğe bağlı olarak emojiGridRows ve emojiGridColumns.

    • Varsayılan emojiGridColumns sayısı 9'dur.
    • Satır sayısı, üst görüntüleme yüksekliği ve emojiGridColumns
    • Kullanıcının aşağıdaki işlemleri yapabileceğini belirtmek üzere emojiGridRows için kayan noktalı değer kullanın daha fazla emoji için aşağı kaydırın.
    <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. Seçili emojileri bir görünüme eklemek için setOnEmojiPickedListener() kısayolunu kullanın. Örneğin, bir EditText uzantısına eklemek için aşağıdakileri yapın:

    emojiPickerView.setOnEmojiPickedListener {
    findViewById<EditText>(R.id.edit_text).append(it.emoji)
}

  4. İsteğe bağlı olarak RecentEmojiProvider özelliğini ayarlayın, örnek için örnek uygulamaya bakın hakkında bilgi edindiniz.

  5. İsteğe bağlı olarak stilleri özelleştirin. Ortak temayı geçersiz kılmak için kendi stilinizi oluşturun özelliklerini kullanın ve stili EmojiPickerView öğesine uygulayın. Örneğin, colorControlNormal geçersiz kılındığında kategori simgesi rengi değişir.

    <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" />

Sample App

Emoji Seçici örnek uygulaması, şu ek senaryolar:

  • emojiGridRows veya emojiGridColumns sıfırlandığında düzenin yeniden hesaplanması.
  • Sıklığa göre sıralama yapan, geçersiz kılınmış son emoji sağlayıcı.
  • Ek stil özelleştirme.