【问题标题】:Prevent character being drawn as emoji防止字符被绘制为表情符号
【发布时间】:2018-11-18 06:41:37
【问题描述】:

我想使用 drawText() 在画布上绘制单个 Unicode 字符。

canvas.drawText("\u270c\ufe0e", x, y, paint);

在运行 Android 7 的测试设备上,它正确显示:

但在我的模拟器“运行”Android 6 和运行 Android 6 的真实设备上,它被绘制为表情符号,不管\ufe0e

这当然不是我想要的,因为我想把它画成黑色,而不是粉红色!绘制文本时有什么方法可以“关闭”表情符号?

【问题讨论】:

  • 如果你在 Paint 对象上设置了黑色,它仍然会被涂成粉红色?
  • 很遗憾,是的。
  • @Bowi 我面临同样的问题。除了下面给出的答案之外,您是否找到了解决方案?
  • 没有。 :-( 我最终使用像素图像而不是字符。

标签: android unicode android-canvas draw emoji


【解决方案1】:

您可以尝试使用 EmojiCompat 库,描述为 herehere。将其添加到您的依赖项中;

dependencies {
    ...
    implementation "com.android.support:support-emoji:27.1.1"
    implementation "com.android.support:support-emoji-bundled:27.1.1"
    ...
}

初始化库;

EmojiCompat.init(new BundledEmojiCompatConfig(this).setReplaceAll(true));

然后将TextView 替换为EmojiTextView。这是一个您可以用来测试的示例:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:ignore="HardcodedText">

    <!-- replace -->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="16sp"
        android:text="TextView - default: \u270c, text: \u270c\ufe0e, emoji: \u270c\ufe0f"/>

    <!-- with -->
    <android.support.text.emoji.widget.EmojiTextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="16sp"
        android:text="EmojiTextView - default: \u270c, text: \u270c\ufe0e, emoji: \u270c\ufe0f"/>
</LinearLayout>

如果它不按您的意愿工作,请从初始化行中删除 .setReplaceAll(true),然后重试,看看是否有效。

编辑:

如果您想手动绘制表情符号文本,例如对于画布,您可以使用 EmojiCompat.process(...)android.text.StaticLayout 来完成。我没有尝试过,所以可能有错误,但它应该可以工作。

// assuming x, y, and paint are defined
CharSequence emoji = EmojiCompat.get().process("\u270c\ufe0e");
StaticLayout layout = new StaticLayout(emoji, paint, 
    canvas.getWidth(), Layout.Alignment.ALIGN_NORMAL, 1.0f, 0.0f, false);
canvas.translate(x, y);
layout.draw(canvas);
canvas.translate(-x, -y);

【讨论】:

  • 这看起来很有希望!但我没有任何TextView,我直接在画布上绘图。它也适用于画布吗?怎么样?
  • 不幸的是,我目前无法尝试:这是一个没有任何 Gradle 支持的旧项目 - 手动下载和处理所需的库需要比我目前更多的时间。 :(
【解决方案2】:

你可以试试Fontawesome。您无需下载整个库。只是来自网站的 ttf 文件。大约 18MB。

https://fontawesome.com/get-started

然后就可以使用备忘单中的字符串来绘制图标了。

https://fontawesome.com/cheatsheet

将 ttf 文件复制到您的资产文件夹。

Typeface typeface = Typeface.createFromAsset(context.getAssets(),"fontawesome_webfont_4.ttf");
paint.setTypeface(typeface);
canvas.drawText("\uf25b", x, y, paint);

您可以在备忘单中找到 \uf25b 为 f25b。这是和平图标。

【讨论】:

  • 这是一个我还不知道的好技巧。然而,如果我必须加载外部库或字体,那么简单地使用图片作为我想要显示的字符并没有任何好处,这正是我最终所做的。
猜你喜欢
  • 2023-03-22
  • 1970-01-01
  • 2016-10-22
  • 2014-09-05
  • 1970-01-01
  • 2017-02-09
  • 1970-01-01
  • 2015-12-31
相关资源
最近更新 更多