Dibujar WORD

Ejercicio paso a paso: Uso del canvas, clase paint y colores

Para realizar el ejercicio final utilizando estas herramientas con el cual queremos conseguir una cara hay que realizar los siguientes pasos.

En la clase principal del programa contar con el siguiente código:

protected void onDraw(Canvas canvas) {

                    Paint pincel = new Paint();

                    pincel.setColor(getResources().getColor(R.color.color_cara));

                    canvas.drawCircle(150, 150, 80, pincel);

                    pincel.setColor(Color.WHITE);

                    //dibujar circulo

                    canvas.drawCircle(190, 120, 18, pincel);

                    canvas.drawCircle(115, 120, 18, pincel);

                   

                   

                    Paint p = new Paint();

                   

                    p.setAntiAlias(true);

                    p.setColor(getResources().getColor(R.color.ojo));

                    p.setStyle(Paint.Style.STROKE);

                    p.setStrokeWidth(5);

                   

                    //Darle formato al pincel (paint)

                    Paint boca = new Paint();

                    boca.setAntiAlias(true);

                    boca.setColor(Color.RED);

                    p.setStyle(Paint.Style.STROKE);

                    boca.setStrokeWidth(5);

                   

                    canvas.drawPoint(115, 120, p);

                    canvas.drawPoint(190, 120, p);

                    //canvas.drawLine(120,180,200,180, p); DIBUJAR LINEA

                    //DIBUJAR UNA LINEA CURVA

                    RectF rectF = new RectF(130,180,185,200);

                    canvas.drawArc(rectF, 0, 185, false, boca);

                    pincel.setColor(Color.BLACK);

                   

             }

NOTA: Para el correcto funcionamiento de la clase hay que efectuar imports, que se puede realizar de forma cómoda mediante ctrl + mayus.

Para los colores hemos creado un nuevo fichero xml llamado colors.xml dentro de la carpeta res/values, y hemos introducido el siguiente código:

<?xml version="1.0" encoding="utf-8"?>

<resources>

    <color name="color_cara">#F7D358</color>

    <color name="ojo">#2EFEF7</color>

   

</resources>

Y con esto hemos conseguido el siguiente resultado: