Jak narysować tekst z obramowaniem na MapView w systemie Android?

Question

Próbuję narysować tekst na MapView na Androida. Rysowanie tekstu jest w porządku, ale bardzo trudno jest odczytać tekst, ponieważ jest biały bez czarnej granicy (podobnie jak reszta tekstu, który pojawia się naturalnie w MapViews w celu oznaczenia miast, stanów i krajów). Nie mogę sobie wyobrazić, jak narysować tekst czarną obwódką. Czy ktoś wie, jak to zrobić?

Jest to rodzaj kodu używam teraz (to jest tylko przykładowy kod, znajdujący się w jednej z moich nakładek):

@Override 
public void draw(Canvas canvas, MapView mapView, boolean shadow) { 
    Paint textPaint = new Paint(); 
    textPaint.setARGB(255, 255, 255, 255); 
    textPaint.setTextAlign(Paint.Align.CENTER); 
    textPaint.setTextSize(16); 
    textPaint.setTypeface(Typeface.DEFAULT_BOLD); 

    canvas.drawText("Some Text", 100, 100, textPaint); 

    super.draw(canvas, mapView, shadow); 
} 

Answer 1

Najprostszym sposobem na to jest o skoku ... coś takiego:

@Override 
public void draw(Canvas canvas, MapView mapView, boolean shadow) { 
    Paint strokePaint = new Paint(); 
    strokePaint.setARGB(255, 0, 0, 0); 
    strokePaint.setTextAlign(Paint.Align.CENTER); 
    strokePaint.setTextSize(16); 
    strokePaint.setTypeface(Typeface.DEFAULT_BOLD); 
    strokePaint.setStyle(Paint.Style.STROKE); 
    strokePaint.setStrokeWidth(2); 

    Paint textPaint = new Paint(); 
    textPaint.setARGB(255, 255, 255, 255); 
    textPaint.setTextAlign(Paint.Align.CENTER); 
    textPaint.setTextSize(16); 
    textPaint.setTypeface(Typeface.DEFAULT_BOLD); 

    canvas.drawText("Some Text", 100, 100, strokePaint); 
    canvas.drawText("Some Text", 100, 100, textPaint); 

    super.draw(canvas, mapView, shadow); 
} 

będzie to narysować granicę 2 piksele wokół zewnętrznej części tekstu, a następnie narysować tekstu nad wierzchu, co daje złudzenie zarysu.

Być może warto też ustawić farby w konstruktorze, a następnie po prostu je ponownie wykorzystać.

Answer 2

Pół odpowiedzi, które mogą lub nie mogą być dobre wystarczy (to było w moim przypadku), to ustawienie cień:

textPaint.setShadowLayer(3, 0, 0, Color.BLACK); 

cień pomaga tekst wyróżniać się dużo, ale nie jest tak dobre, jak czarne obramowanie będzie. Wciąż jestem ciekawa, jak rozwiązać oryginalne pytanie.

Answer 3

To kompletne ujęcie w ciemności i może być lepszy sposób, ale jeśli utworzysz 4 kopie tekstu, ustaw ich kolor na czarny, a następnie przesuń każdą warstwę o 1 piksel po przekątnej, co spowoduje iluzję granicy. Więc jeśli tekst jest umieszczony w [100,100], 4 cienie będą musiały być umieszczone w [99,99], [99,101], [101,99] i [101,101], jak to:

canvas.drawText("Some Text", 99, 99, borderPaint); 
canvas.drawText("Some Text", 99, 101, borderPaint); 
canvas.drawText("Some Text", 101, 99, borderPaint); 
canvas.drawText("Some Text", 101, 101, borderPaint); 

canvas.drawText("Some Text", 100, 100, textPaint); 

Answer 4

Zamiast tego kodu (z pierwszej odpowiedzi)

canvas.drawText("Some Text", 100, 100, strokePaint); 
canvas.drawText("Some Text", 100, 100, textPaint); 

Spróbuj użyć to samo z Ścieżka:

Path path = new Path(); 
String text = "Some Text"; 
tp.getTextPath(text, 0, text.length(), 0, 100, path); 
canvas.drawPath(path, strokePaint); 
canvas.drawPath(path, textPaint); 

wygląda lepiej?