Программно создаваемая иконка для использования в качестве рисованного ItemizedOverlay - Android - PullRequest
Новая
       16

Программно создаваемая иконка для использования в качестве рисованного ItemizedOverlay - Android

1 голос
/ 23 марта 2012

Я пытаюсь программным способом нарисовать значок парковки, чтобы разместить его как элемент для наложения на карту.

Значок состоит из синего квадрата с белым 'P' в центре, который я хотел бы программно изменить цвет квадрата, чтобы обозначить различные типы парковки.

Я пытался создать его через холст, используя drawRect & drawText, но я не могу найти простой способ центрирования текста в квадрате, и я не могу найти способ центрировать холст по координатам - он продолжает привязываться верхний левый угол.

В качестве альтернативы я попытался создать макет XML для преобразования в рисованный объект, но также не может достичь этого.

Есть ли элегантное решение для того, чего я пытаюсь достичь?

Ответы [ 2 ]

3 голосов
/ 30 марта 2012 
public class TextDrawable extends Drawable {

    private final static int    TEXT_PADDING           = 3;
    private final static int    ROUNDED_RECT_RADIUS    = 5;

    private final String    text;
    private final Paint     textPaint;
    private final Rect      textBounds;
    private final Paint     bgPaint;
    private final RectF     bgBounds;

    public TextDrawable(String text, String backgroundColor, int textHeight) {

        this.text = text;

        // Text
        this.textPaint = new Paint();
        this.textBounds = new Rect();
        textPaint.setColor(Color.WHITE);
        textPaint.setARGB(255, 255, 255, 255);
        textPaint.setAntiAlias(true);
        textPaint.setSubpixelText(true);
        textPaint.setTextAlign(Paint.Align.CENTER); // Important to centre horizontally in the background RectF
        textPaint.setTextSize(textHeight);
        textPaint.setTypeface(Typeface.DEFAULT_BOLD);
        // Map textPaint to a Rect in order to get its true height
        // ... a bit long-winded I know but unfortunately getTextSize does not seem to give a true height!
        textPaint.getTextBounds(text, 0, text.length(), textBounds);

        // Background
        this.bgPaint = new Paint();
        bgPaint.setAntiAlias(true);
        bgPaint.setColor(Color.parseColor(backgroundColor));
        float rectHeight  = TEXT_PADDING * 2 + textHeight;
        float rectWidth   = TEXT_PADDING * 2 + textPaint.measureText(text);
        //float rectWidth   = TEXT_PADDING * 2 + textHeight;  // Square (alternative)
        // Create the background - use negative start x/y coordinates to centre align the icon
        this.bgBounds = new RectF(rectWidth / -2, rectHeight / -2, rectWidth / 2, rectHeight / 2);
    }

    @Override
    public void draw(Canvas canvas) {
        canvas.drawRoundRect(bgBounds, ROUNDED_RECT_RADIUS, ROUNDED_RECT_RADIUS, bgPaint);
        // Position the text in the horizontal/vertical centre of the background RectF
        canvas.drawText(text, 0, (textBounds.bottom - textBounds.top)/2, textPaint);
    }

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

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

    @Override
    public int getOpacity() {
        return PixelFormat.TRANSLUCENT;
    }
}
0 голосов
/ 23 марта 2012

Сделайте несколько изображений PNG и поместите их в res\drawable, если у вас более 5 цветов, подумайте об использовании меньше Это сбивает с толку пользователя.

...