Comment dessiner du texte sur la toile?

je suis en train de développer une tarte simple diagramme de classe pour android. Pour l'instant, il peut prendre une carte d'étiquettes et les valeurs et tracer le graphique à secteurs. Je suis encore à ajouter les légendes de la tarte, qui est l'endroit où j'ai besoin de placer les textes près de petits rectangles sur le coin de l'écran. Toute aide appréciée, puisque je suis nouveau sur Android dev.

InformationsquelleAutor Karthick | 2010-10-28
  1. 51

    Vous aurez à utiliser la drawText méthode de la classe Canvas.

    Paint paint = new Paint(); 
canvas.drawPaint(paint); 
paint.setColor(Color.BLACK); 
paint.setTextSize(16); 
canvas.drawText("My Text", x, y, paint);

    Voici la documentation pertinente à ce sujet:

    http://developer.android.com/reference/android/graphics/Canvas.html#drawText(java.lang.String, float, float, android.les graphiques.La peinture)

    • canvas.drawPaint(paint); semble redondant ici. Vous aurez aussi probablement envie d'anti-aliasing (paint.setAntiAlias(true);) et de la peinture de style (paint.setStyle(Paint.Style.FILL);)
    InformationsquelleAutor Jean-Philippe Jodoin
  2. 8

    Il y avait une autre réponse qui a été supprimé parce qu'il a un lien seulement. Le lien d'origine est ici. Le code est fondamentalement la même, mais j'ai pris les non texte dessin portions et aussi l'échelle des tailles pour mieux travailler sur écran moderne densités.

    Cette montre juste quelques choses que vous pouvez faire avec le texte de dessin.

    Comment dessiner du texte sur la toile?

    Voici le code mis à jour:

    public class MainActivity extends AppCompatActivity {
DemoView demoview;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
demoview = new DemoView(this);
setContentView(demoview);
}
private class DemoView extends View {
public DemoView(Context context){
super(context);
}
@Override protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
//custom drawing code here
//remember: y increases from top to bottom
//x increases from left to right
int x = 0;
int y = 0;
Paint paint = new Paint();
paint.setStyle(Paint.Style.FILL);
canvas.save();
canvas.translate(100, 200);
//make the entire canvas white
canvas.drawColor(Color.WHITE);
//draw some text using STROKE style
paint.setStyle(Paint.Style.STROKE);
paint.setStrokeWidth(1);
paint.setColor(Color.MAGENTA);
paint.setTextSize(100);
canvas.drawText("Style.STROKE", 0, 0, paint);
canvas.translate(0, 200);
//draw some text using FILL style
paint.setStyle(Paint.Style.FILL);
//turn antialiasing on
paint.setAntiAlias(true);
//paint.setTextSize(30);
canvas.drawText("Style.FILL", 0, 0, paint);
canvas.translate(0, 200);
//draw some rotated text
//get text width and height
//set desired drawing location
x = 75;
y = 185;
paint.setColor(Color.GRAY);
//paint.setTextSize(25);
String str2rotate = "Rotated!";
//draw bounding rect before rotating text
Rect rect = new Rect();
paint.getTextBounds(str2rotate, 0, str2rotate.length(), rect);
canvas.translate(x, y);
paint.setStyle(Paint.Style.FILL);
//draw unrotated text
canvas.drawText("!Rotated", 0, 0, paint);
paint.setStyle(Paint.Style.STROKE);
canvas.drawRect(rect, paint);
//undo the translate
canvas.translate(-x, -y);
//rotate the canvas on center of the text to draw
canvas.rotate(-45, x + rect.exactCenterX(),
y + rect.exactCenterY());
//draw the rotated text
paint.setStyle(Paint.Style.FILL);
canvas.drawText(str2rotate, x, y, paint);
//undo the translation and rotation
canvas.restore();
}
}
}

    Autre chose que je veux essayer plus tard est le dessin du texte le long d'un chemin.

    Voir aussi cette fuller réponse ici qui donne l'image suivante.

    Comment dessiner du texte sur la toile?

    InformationsquelleAutor Suragch
  3. 1

    Un autre (peut-être meilleure) façon de dessiner du texte sur une toile est d'utiliser un StaticLayout. Cette poignées de texte multiligne en cas de besoin.

    String text = "This is some text.";
TextPaint textPaint = new TextPaint();
textPaint.setAntiAlias(true);
textPaint.setTextSize(16 * getResources().getDisplayMetrics().density);
textPaint.setColor(0xFF000000);
int width = (int) textPaint.measureText(text);
StaticLayout staticLayout = new StaticLayout(text, textPaint, (int) width, Layout.Alignment.ALIGN_NORMAL, 1.0f, 0, false);
staticLayout.draw(canvas);

    La TextPaint et StaticLayout ont été instancié droit avant d'être utilisé ici pour l'amour de l'illustration. Le faire dans onDraw nuit aux performances, cependant. Voici un meilleur exemple leur montrant dans le contexte d'une vue personnalisée qui tire de son propre texte.

    InformationsquelleAutor Suragch