使用Unicode值在Android画布上绘制表情符号

Question

我正在尝试为我的android应用程序创建自定义视图。在OnDraw函数中，我试图使用其Unicode值绘制表情符号，但这似乎不起作用。以下是代码：

public class Scale extends View {
    private final Paint mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
    private final static int LINE_WIDTH = 10;
    ...
    ...
    @Override
    protected void onDraw(final Canvas canvas) {
        super.onDraw(canvas);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setStrokeWidth(LINE_WIDTH);
        mPaint.setColor(Color.BLUE);
        ...
        ...
        //This works
        canvas.drawText("My text", 0.05f*width, 0.80f*height, mPaint);
        //But this does NOT draw a doughnut!!
        String s = new String(Character.toChars(0x1F369)); //Doughnut
        canvas.drawText(s, 0.75f*width, 0.50f*height, mPaint);
    }
}

有人知道这附近有没有工作吗？还是我做错了什么？

编辑[第二个问题]：通过我在下面提交的hack，我看到Emojis正在Canvas上绘制的TextView内渲染，但与在正常TextView上设置的Emojis相比，它们显着变钝，如下所示：

你知道我错过了什么吗？

Answer 1

问题是您的表情符号字符在0000-FFFF范围之外，因此它不能表示为单个Unicode字符。

如果您为表情符号正确编码“unicode代理项对”，这可能是可能的。

有一个计算器可以在以下位置确定多字节unicode的正确代理项对：http://www.russellcottrell.com/greek/utilities/surrogatepaircalculator.htm

Answer 2

无论如何，我已经找到了一种破解方法，我自己也不太喜欢！在这里，我创建了一个布局（例如线性布局），并添加了一个包含表情符号的文本视图，然后在画布上绘制布局。

public class Scale extends View {
    private final Paint mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
    private final LinearLayout layout;
    ...
    ...
    public Scale(final Context context, ...) {
        super(context);
        ...
        ...
        //Initialise the layout & add a TextView with the emoji in it
        layout = new LinearLayout(context);
        final TextView tv = new TextView(context);
        tv.setText(new String(Character.toChars(0x1F369))); //Doughnut
        layout.addView(tv);
        layout.measure(50, 50);
        layout.layout(0, 0, 50, 50);
    }
    @Override
    protected void onDraw(final Canvas canvas) {
        super.onDraw(canvas);
        ...
        ...
        canvas.translate(20, 20); //Translate if necessary
        //Draw the layout on the canvas, draws a doughnut!!
        layout.draw(canvas);
        canvas.save();
        canvas.restore();
    }
}

请张贴，如果有更好的解决方案。

编辑

我发现静态布局是在画布上绘制文本的更好选择

我修改的代码（比以前少了几行）：

public class Scale extends View {
    private final TextPaint tPaint = new TextPaint();
    private final StaticLayout lsLayout;
    ...
    ...
    public Scale(final Context context, ...) {
        super(context);
        ...
        ...
        //Initialise the layout & add a TextView with the emoji in it
        String emoji = new String(Character.toChars(0x1F369))); //Doughnut
        lsLayout = new StaticLayout(emoji, tPaint, 80, Layout.Alignment.ALIGN_CENTER, 1, 1, true);
    }
    @Override
    protected void onDraw(final Canvas canvas) {
        super.onDraw(canvas);
        ...
        ...
        canvas.translate(20, 20); //Translate if necessary
        //Draw the layout on the canvas, draws a doughnut as bright as the rest of the canvas!!
        lsLayout.draw(canvas);
        canvas.save();
        canvas.restore();
    }
}

结果是，表情符号与画布上的其他图形一样明亮：