DrawText Android incluso il testo a capo

Question

Attualmente sto creando un editor di immagini e sto tentando di disegnare il testo sopra l'immagine usando canvas.drawText(). Finora ho avuto successo nel fare ciò, ma quando l'utente immette del testo troppo lungo, il testo continua su una sola riga fuori dalla pagina e non si estende alla larghezza dello schermo. Come potrei fare questo? Ho provato a utilizzare un layout statico ma non riesco a farlo funzionare, qualcuno ha un tutorial per farlo?

La mia funzione per disegnare su una tela utilizzando il layout statico:

public Bitmap createImage(float scr_x,float scr_y,String user_text){ 

      Canvas canvas = new Canvas(image); 

      scr_x = 100; 
      scr_y = 100; 
      final TextPaint tp = new TextPaint(Color.WHITE);  
      canvas.save(); 
      StaticLayout sl = new StaticLayout("" + user_text, tp, originalBitmap.getWidth(), Layout.Alignment.ALIGN_NORMAL, 1.0f, 0.0f, false); 
      sl.draw(canvas); 

     return image; 
     } 

Va bene, ho aggiornato il mio codice, ma quando provo a disegnare sull'immagine non succede niente affatto, non ho idea del perché o:

public Bitmap createImage(String user_text) { 
    // canvas object with bitmap image as constructor 
    Canvas canvas = new Canvas(image); 
    TextPaint tp = new TextPaint(); 
    tp.setColor(Color.RED); 
    tp.setTextSize(50); 
    tp.setTextAlign(Align.CENTER); 
    tp.setAntiAlias(true); 
    StaticLayout sl = new StaticLayout("" + user_text, tp, 
      canvas.getWidth(), Layout.Alignment.ALIGN_NORMAL, 1, 0, false); 
    canvas.translate(100, 100); 
    sl.draw(canvas); 
    return image; 
} 

Islay statico non deve essere utilizzato per disegnare su tela?

Answer 1

Sì, StaticLayout è che cosa si intende utilizzare per disegnare testo su più righe su una tela. Salva te stesso un mondo di dolore e non pensare a rompere il testo te stesso - sei sulla strada giusta. Non sono sicuro del problema con la bitmap, ma il tuo secondo codice sopra ha funzionato bene per disegnare il testo su una tela per me.

Questo è come si disegna un layout su tela: http://developer.android.com/reference/android/text/Layout.html#draw(android.graphics.Canvas)

Answer 2

Si dovrebbe gestire da soli, calcolando la dimensione del testo e avvolgendo il contenuto in qualche modo (interruzione alla larghezza massima o avvolgere l'ultima parola).

L'ho già fatto su Java SE con FontMetrics, mai per Android; ma si dovrebbe dare un'occhiata:

http://developer.android.com/reference/android/graphics/Paint.FontMetrics.html 

Come sottolineato da Lisa, StaticLayout è la strada da percorrere per misurare la disposizione del testo.

Answer 3

public Bitmap drawMultilineTextToBitmap(Context gContext, 
            int gResId, 
            String gText) { 

    // prepare canvas 
    Resources resources = gContext.getResources(); 
    float scale = resources.getDisplayMetrics().density; 
    Bitmap bitmap = BitmapFactory.decodeResource(resources, gResId); 

    android.graphics.Bitmap.Config bitmapConfig = bitmap.getConfig(); 
    // set default bitmap config if none 
    if(bitmapConfig == null) { 
    bitmapConfig = android.graphics.Bitmap.Config.ARGB_8888; 
    } 
    // resource bitmaps are imutable, 
    // so we need to convert it to mutable one 
    bitmap = bitmap.copy(bitmapConfig, true); 

    Canvas canvas = new Canvas(bitmap); 

    // new antialiased Paint 
    TextPaint paint=new TextPaint(Paint.ANTI_ALIAS_FLAG); 
    // text color - #3D3D3D 
    paint.setColor(Color.rgb(61, 61, 61)); 
    // text size in pixels 
    paint.setTextSize((int) (14 * scale)); 
    // text shadow 
    paint.setShadowLayer(1f, 0f, 1f, Color.WHITE); 

    // set text width to canvas width minus 16dp padding 
    int textWidth = canvas.getWidth() - (int) (16 * scale); 

    // init StaticLayout for text 
    StaticLayout textLayout = new StaticLayout(
    gText, paint, textWidth, Layout.Alignment.ALIGN_CENTER, 1.0f, 0.0f, false); 

    // get height of multiline text 
    int textHeight = textLayout.getHeight(); 

    // get position of text's top left corner 
    float x = (bitmap.getWidth() - textWidth)/2; 
    float y = (bitmap.getHeight() - textHeight)/2; 

    // draw text to the Canvas center 
    canvas.save(); 
    canvas.translate(x, y); 
    textLayout.draw(canvas); 
    canvas.restore(); 

    return bitmap; 
} 

fonte: http://www.skoumal.net/en/android-drawing-multiline-text-on-bitmap/