首页 > 解决方案 > 表情符号未在按钮中动态正确显示

问题描述

我正在尝试在 my 中的文本旁边添加一个表情符号字符Button,但由于某种原因,它仅以纯白色显示,并没有作为官方的 Android 表情符号字符出现。有谁知道出了什么问题以及如何解决这个问题?

注意:我不想使用任何 Drawable。

预期外观

在此处输入图像描述

目前的外观

在此处输入图像描述

XML 布局

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">

    <Button
            android:text="Button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/button" 
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintBottom_toBottomOf="parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>

班级

import android.os.Bundle
import android.widget.Button
import androidx.appcompat.app.AppCompatActivity

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        my_button.text = "\u2642 Hello World"
    }
}

标签: androidkotlinunicodeandroid-buttonemoji

解决方案


尝试通过附加以下内容来使用表情符号的完全限定形式(表情符号样式而不是文本样式):U+FE0F VARIATION SELECTOR-16

mButton.text = "\u2642\uFE0F Hello World"

表情符号-test.txt

# subgroup: gender
2640 FE0F                                  ; fully-qualified     # ♀️ female sign
2640                                       ; unqualified         # ♀ female sign
2642 FE0F                                  ; fully-qualified     # ♂️ male sign
2642                                       ; unqualified         # ♂ male sign

表情符号-变体-sequences.txt

2640 FE0E  ; text style;  # (1.1) FEMALE SIGN
2640 FE0F  ; emoji style; # (1.1) FEMALE SIGN
2642 FE0E  ; text style;  # (1.1) MALE SIGN
2642 FE0F  ; emoji style; # (1.1) MALE SIGN

推荐阅读