¿Cómo se supone que debes usar ShapeDrawable con PathShape para dibujar una línea en una vista personalizada?

Question

Estoy tratando de trazar una línea en un View personalizado. Aquí he creado un simple Path con solo un segmento, creé un PathShape a partir de eso, y finalmente lo metí en un ShapeDrawable con la intención de usarlo para dibujar en el Canvas dentro de . Sin embargo, esto no funciona. Vea mi ejemplo, aquí.

package com.example.test; 

import android.content.Context; 
import android.graphics.Canvas; 
import android.graphics.Color; 
import android.graphics.Paint; 
import android.graphics.Path; 
import android.graphics.drawable.ShapeDrawable; 
import android.graphics.drawable.shapes.PathShape; 
import android.util.Log; 
import android.view.View; 

public class TestView extends View { 

    private Path mPath = null; 
    private Paint mPaint = null; 
    private PathShape mPathShape = null; 
    private ShapeDrawable mShapeDrawable = null; 

    public TestView(Context context) { 
     super(context); 
    } 

    private void init() { 
     int width = this.getWidth()/2; 
     int height = this.getHeight()/2; 

     Log.d("init", String.format("width: %d; height: %d", width, height)); 

     this.mPath = new Path(); 
     this.mPath.moveTo(0, 0); 
     this.mPath.lineTo(width, height); 

     this.mPaint = new Paint(); 
     this.mPaint.setColor(Color.RED); 

     this.mPathShape = new PathShape(this.mPath, 1, 1); 

     this.mShapeDrawable = new ShapeDrawable(this.mPathShape); 
     this.mShapeDrawable.getPaint().set(this.mPaint); 
     this.mShapeDrawable.setBounds(0, 0, width, height); 
    } 

    @Override 
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) { 
     super.onLayout(changed, left, top, right, bottom); 

     // Doing this here because in the constructor we don't have the width and height of the view, yet 
     this.init(); 
    } 

    @Override 
    protected void onDraw(Canvas canvas) { 
     super.onDraw(canvas); 

     Log.d("onDraw", "Drawing"); 

     // This works, but won't let me do what I'm really trying to do 
     canvas.drawLine(0.0f, 0.0f, this.getWidth()/2.0f, this.getHeight()/2.0f, this.mPaint); 

     // This should work, but does not 
     //this.mPathShape.draw(canvas, this.mPaint); 

     // This should work, but does not 
     //this.mShapeDrawable.draw(canvas); 
    } 

} 

Como se puede ver en mis comentarios en el método onDraw(), ni eligiendo PathShape ni el ShapeDrawable para dibujar el Path en el Canvas realmente funciona. Nada se dibuja cuando lo intento. ¿Alguien tiene alguna idea de por qué?

El dispositivo en el que estoy probando esto ejecuta Android 4.1.1.

Answer 1

Hay dos problemas con esto.

El primero es el estilo Paint. El valor predeterminado es Paint.Stroke.FILL, pero con una línea no hay nada que llenar. Que necesitaba para añadir este (gracias, Romain Guy):

this.mPaint.setStyle(Paint.Style.STROKE); 

La segunda cuestión es que la altura y el ancho estándar en el PathShape no es correcto. Había leído the documentation sobre esto, pero no lo entendía correctamente. Esto se hizo evidente una vez que arreglé el primer problema. Ajustándolo al alto y ancho de mi vista personalizada (ya que estoy dibujando a través de toda la vista) solucioné esto. También tuve que cambiar los límites del ShapeDrawable para que coincida.

this.mPathShape = new PathShape(this.mPath, this.getWidth(), this.getHeight()); 

y

this.mShapeDrawable.setBounds(0, 0, this.getWidth(), this.getHeight()); 

Esperamos que esto ayude a alguien más en el futuro.