Dibujo 2D en Android

Dibujar líneas y polígonos en Android

De la misma manera que otros lenguajes permiten dibujar mediante paquetes o librerías, Android dispone de una librería que permite dibujar gráficos en 2D de forma sencilla. Los dibujos se basan en la clase Paint que representa el trazo, el cual, dispone de métodos para configurar el estilo del trazo y la clase Canvas que representa el lienzo y dispone de métodos que realizan los distintos trazados. A continuación algunos ejemplos de dibujo básicos.

Dibujar Líneas

El método drawLine permite realizar trazos introduciendo los datos numéricos que representan los puntos de coordenadas que indican el comienzo(x,y) y el fin del trazo (x,y).

Dibujo.java

  1. package xip.midominio.com.dibujo;
  2. import android.content.Context;
  3. import android.graphics.Canvas;
  4. import android.graphics.Color;
  5. import android.graphics.Paint;
  6. import android.view.View;
  7. public class Dibujo extends View {
  8. Paint paint = new Paint();
  9. public Dibujo(Context context){
  10. super(context);
  11. paint.setColor(Color.BLUE);
  12. paint.setStrokeWidth(8);
  13. }
  14. public void onDraw(Canvas canvas){
  15. canvas.drawLine(0,0,300,300,paint);
  16. canvas.drawLine(0,300,300,0,paint);
  17. }
  18. }

 Dibujar polígonos

El método drawRect permite realizar rectángulos introduciendo los puntos de coordenadas donde los dos primeros (x,y) indican el punto de inicio del rectángulo y los dos últimos (x,y) indican el punto final del rectángulo.

Dibujo.java

  1. package xip.midominio.com.dibujo;
  2. import android.content.Context;
  3. import android.graphics.Canvas;
  4. import android.graphics.Color;
  5. import android.graphics.Paint;
  6. import android.view.View;
  7. public class Dibujo extends View {
  8. Paint paint = new Paint();
  9. public Dibujo(Context context){
  10. super(context);
  11. paint.setColor(Color.BLACK);
  12. paint.setStrokeWidth(10);
  13. }
  14. public void onDraw(Canvas canvas){
  15. RectF rectF = new RectF(50,50,500,500);
  16. canvas.drawRect(rectF,paint);
  17. }
  18. }

El método drawCircle permite realizar círculos introduciendo los puntos de coordenadas del centro del círculo (x,y) y el radio del círculo.

  1. package xip.midominio.com.dibujo;
  2. import android.content.Context;
  3. import android.graphics.Canvas;
  4. import android.graphics.Color;
  5. import android.graphics.Paint;
  6. import android.view.View;
  7. public class DibujarLineas extends View {
  8. Paint paint = new Paint();
  9. public DibujarLineas(Context context){
  10. super(context);
  11. paint.setColor(Color.BLUE);
  12. paint.setStrokeWidth(8);
  13. }
  14. public void onDraw(Canvas canvas){
  15. canvas.drawCircle(250,250,150,paint);
  16. }
  17. }

El método drawOval permite realizar figuras ovaladas introduciendo un objeto RectF. Aunque no es recomendable,es posible prescindir del rectángulo y añadir los datos directamente añadiendo la anotación de la API Lollipop.

  1. package xip.midominio.com.dibujo;
  2. import android.content.Context;
  3. import android.graphics.Canvas;
  4. import android.graphics.Color;
  5. import android.graphics.Paint;
  6. import android.graphics.RectF;
  7. import android.view.View;
  8. public class DibujarLineas extends View {
  9. Paint paint = new Paint();
  10. public DibujarLineas(Context context){
  11. super(context);
  12. paint.setColor(Color.BLUE);
  13. paint.setStrokeWidth(8);
  14. }
  15. public void onDraw(Canvas canvas){
  16. RectF oval = new RectF(1000,1200,280,280);
  17. canvas.drawOval(oval,paint);
  18. }
  19. }

En caso de dibujar varias figuras con distintos colores es necesario establecer el color antes de la creación de cada figura.

  1. package xip.midominio.com.dibujo;
  2. import android.content.Context;
  3. import android.graphics.Canvas;
  4. import android.graphics.Color;
  5. import android.graphics.Paint;
  6. import android.graphics.RectF;
  7. import android.view.View;
  8. public class DibujarLineas extends View {
  9. Paint paint = new Paint();
  10. public DibujarLineas(Context context){
  11. super(context);
  12. paint.setColor(Color.BLUE);
  13. paint.setStrokeWidth(8);
  14. }
  15. public void onDraw(Canvas canvas){
  16. canvas.drawCircle(250,250,150,paint);
  17. paint.setColor(Color.GREEN);
  18. RectF oval = new RectF(1000,1200,280,280);
  19. canvas.drawOval(oval,paint);
  20. }
  21. }

La llamada a la clase se realiza desde el método onCreate. Revisar los múltiples métodos de la clase Canvas desde la página oficial

MainActivity.java

  1. package xip.midominio.com.dibujo;
  2. import android.support.v7.app.AppCompatActivity;
  3. import android.os.Bundle;
  4. public class MainActivity extends AppCompatActivity {
  5. @Override
  6. protected void onCreate(Bundle savedInstanceState) {
  7. super.onCreate(savedInstanceState);
  8. setContentView(new Dibujo(this));
  9. }
  10. }


Comentarios: 0

Para poder comentar es necesario iniciar sesión



Este dominio utiliza cookies de terceros para crear estadísticas y publicidad personalizada. Si continúa navegando está aceptando su uso