Как поместить текст в рисование? - PullRequest
Новая
       26

Как поместить текст в рисование?

32 голосов
/ 20 октября 2010

Я пытаюсь создать рисование на лету, чтобы использовать его в качестве фона для пользовательского линейного макета.Он должен иметь хеш-метки и тому подобное (ничего страшного), но также иметь номера, обозначающие, что такое хеш-метки (например, линейка).Я знаю, что могу просто создавать текстовые элементы и помещать их в линейный макет и просто иметь хеш-метки в чертеже, но я надеюсь, что они также будут внутри рисованного элемента, поэтому мне не нужно дважды выполнять измерения.

Ответы [ 4 ]

91 голосов
/ 12 января 2012

Вот краткий пример TextDrawable, который работает как обычный объект рисования, но позволяет указать текст в качестве единственной переменной конструктора: 

public class TextDrawable extends Drawable {

    private final String text;
    private final Paint paint;

    public TextDrawable(String text) {

        this.text = text;

        this.paint = new Paint();
        paint.setColor(Color.WHITE);
        paint.setTextSize(22f);
        paint.setAntiAlias(true);
        paint.setFakeBoldText(true);
        paint.setShadowLayer(6f, 0, 0, Color.BLACK);
        paint.setStyle(Paint.Style.FILL);
        paint.setTextAlign(Paint.Align.LEFT);
    }

    @Override
    public void draw(Canvas canvas) {
        canvas.drawText(text, 0, 0, paint);
    }

    @Override
    public void setAlpha(int alpha) {
        paint.setAlpha(alpha);
    }

    @Override
    public void setColorFilter(ColorFilter cf) {
        paint.setColorFilter(cf);
    }

    @Override
    public int getOpacity() {
        return PixelFormat.TRANSLUCENT;
    }
}
14 голосов
/ 20 октября 2010

Я прочитал книгу «Профессиональная разработка приложений для Android 2» (автор Reto Meier). Среди прочего, он содержит пример проекта, в котором вы создаете простое приложение для компаса, где вы «рисуете» текст, маркеры и т. Д.

Краткое объяснение состоит в том, что вы создаете класс, который расширяет класс android.view.View и переопределяет метод onDraw(Canvas).

Весь исходный код книги доступен для скачивания здесь: http://www.wrox.com/WileyCDA/WroxTitle/Professional-Android-2-Application-Development.productCd-0470565527,descCd-DOWNLOAD.html. Если вы скачаете код и загляните внутрь проекта под названием «Глава 4 Компас», я думаю, вы найдете то, что ищете :)

6 голосов
/ 04 мая 2016

Глядя на ответ Пахаря и пытаясь приспособить его к моим потребностям, я наткнулся на Класс, который используется для Камера по этой ссылке

Вот код из TextDrawable Class . Выглядит довольно схоже с Пахарями, но у меня работает лучше: 

import android.content.res.Resources;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.ColorFilter;
import android.graphics.Paint;
import android.graphics.Paint.Align;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.util.TypedValue;

public class TextDrawable extends Drawable {
    private static final int DEFAULT_COLOR = Color.WHITE;
    private static final int DEFAULT_TEXTSIZE = 15;
    private Paint mPaint;
    private CharSequence mText;
    private int mIntrinsicWidth;
    private int mIntrinsicHeight;

    public TextDrawable(Resources res, CharSequence text) {
        mText = text;
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mPaint.setColor(DEFAULT_COLOR);
        mPaint.setTextAlign(Align.CENTER);
        float textSize = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP,
                DEFAULT_TEXTSIZE, res.getDisplayMetrics());
        mPaint.setTextSize(textSize);
        mIntrinsicWidth = (int) (mPaint.measureText(mText, 0, mText.length()) + .5);
        mIntrinsicHeight = mPaint.getFontMetricsInt(null);
    }
    @Override
    public void draw(Canvas canvas) {
        Rect bounds = getBounds();
        canvas.drawText(mText, 0, mText.length(),
                bounds.centerX(), bounds.centerY(), mPaint);
    }
    @Override
    public int getOpacity() {
        return mPaint.getAlpha();
    }
    @Override
    public int getIntrinsicWidth() {
        return mIntrinsicWidth;
    }
    @Override
    public int getIntrinsicHeight() {
        return mIntrinsicHeight;
    }
    @Override
    public void setAlpha(int alpha) {
        mPaint.setAlpha(alpha);
    }
    @Override
    public void setColorFilter(ColorFilter filter) {
        mPaint.setColorFilter(filter);
    }
}
2 голосов
/ 11 мая 2018

Чтобы ответить на комментарии выше относительно того, как центрировать текст: 

mPaint.textAlign = Align.CENTER
...
// Centering for mixed case letters
canvas.drawText(mText, 0, mText.length,
        bounds.centerX().toFloat(), bounds.centerY().toFloat() - ((mPaint.descent() + mPaint.ascent()) / 2), mPaint)

// Centering for all uppercase letters
canvas.drawText(mText, 0, mText.length,
            bounds.centerX().toFloat(), bounds.centerY().toFloat() - mPaint.ascent() / 2, mPaint)
...