Question

I’ve been working on a small game to learn Android further, I’ve got one question about replacing digital numbers with graphical ones. I’m tired of using Canvas.drawText…

How to create a function that understands which frame to write after which if numbers are printed on a png image?

Ok, let’s say I’ve score 1240, I want to be able to replace those numbers with graphic numbers on Canvas.

I hope I made my question clear, cheers!

Answer 1

It’s not very hard, just place some drawables in correct places.
But if you want to make a robust widget, you need more consideration and calculation.

public class MTextView extends View {
    public MTextView(Context context) {
        this(context, null);
    }

    public MTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initDrawables();
    }

    private Drawable[] mDigitDrawables = new Drawable[10];
    private String mText = "123";

    private void initDrawables() {
        Resources res = getResources();
        mDigitDrawables[0] = res.getDrawable(R.drawable.digit_0);
        mDigitDrawables[1] = res.getDrawable(R.drawable.digit_1);
        mDigitDrawables[2] = res.getDrawable(R.drawable.digit_2);
        mDigitDrawables[3] = res.getDrawable(R.drawable.digit_3);
        mDigitDrawables[4] = res.getDrawable(R.drawable.digit_4);
        mDigitDrawables[5] = res.getDrawable(R.drawable.digit_5);
        mDigitDrawables[6] = res.getDrawable(R.drawable.digit_6);
        mDigitDrawables[7] = res.getDrawable(R.drawable.digit_7);
        mDigitDrawables[8] = res.getDrawable(R.drawable.digit_8);
        mDigitDrawables[9] = res.getDrawable(R.drawable.digit_9);

        for (int i = 0; i < 10; i++) {
            boundToLeftTop(mDigitDrawables[i]);
        }
    }

    private void boundToLeftTop(Drawable d) {
        d.setBounds(0, 0, d.getIntrinsicWidth(), d.getIntrinsicHeight());
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int dw = mDigitDrawables[0].getIntrinsicWidth();
        int dh = mDigitDrawables[0].getIntrinsicHeight();
        int width = dw * mText.length() + getPaddingLeft()
                + getPaddingRight();
        int height = dh + getPaddingTop() + getPaddingBottom();
        setMeasuredDimension(resolveSize(width, widthMeasureSpec),
                resolveSize(height, heightMeasureSpec));
    }

    @Override
    protected void onDraw(Canvas canvas) {
        canvas.save();
        canvas.translate(getPaddingLeft(), getPaddingTop());
        for (int i = 0; i < mText.length(); i++) {
            int number = Integer.valueOf(mText.charAt(i) - '0');
            Drawable d = mDigitDrawables[number];
            d.draw(canvas);
            canvas.translate(d.getBounds().width(), 0);
        }
        canvas.restore();
    }
}