Programación gráfica: Objetos e interfaces orientados a gráficos [JAVA] | PIZiadas gráficas
PIZiadas gráficas

PIZiadas gráficas

Mi mundo es la imagen.

Programación gráfica: Objetos e interfaces orientados a gráficos [JAVA]

ejemplo_interfacesEn los pasos previos que hemos visto, aprendimos a instalar el entorno de desarrollo (IDE) de Eclipse y crear un nuevo proyecto, posteriormente se ha añadido un programa al proyecto Eclipse y hemos comenzado a estructurar la aplicación iniciando la construcción de los elementos de la librería gráfica.

El siguiente paso es definir un interface que será una clase JAVA que permita definir la acción de dibujar los gráficos y asignársela a los objetos, de forma que la clase encargada de pintarlos los reconozca.

Una interfaz en Java es una colección de métodos abstractos y propiedades. En ellas se especifica qué se debe hacer pero no su implementación. Serán las clases que implementen estas interfaces las que describan la logica del comportamiento de los métodos.(W)

Declaración del interface

Un “Interface” se declara de forma similar a una “Clase” en JAVA, se almacena en un fichero con extensión “.java” y su nombre debe coincidir con el del interface.

En el “IDE” añadiremos un interface al proyecto de forma similar a la que hemos visto desde el menú:

File->Add->Interface

o bien lo podemos hacer mediante el menú gráfico como se aprecia en la figura

addInterface

En la ventana que aparecerá para definir el interface deberemos indicar el nombre y el paquete en el que queremos que se guarde.

Usaremos el paquete “graph” donde estamos generando la librería y lo denominaremos “SimpleDrawable” ya que será el interface responsable de definir la propiedad de ser pintables (dibujables) los objetos que lo implementen.

add_interface_window

Al implementar el interface únicamente definiremos un método o función:

void paint(Graphics g);

Esta función permitirá que se puedan representar los objetos que la implementen,

interface_simpleDrawable_text

A continuación crearemos un objeto gráfico que implementará este “interface”, lo que nos permitirá entender el funcionamiento básico de esta metodología orientada a objetos y basada en “interfaces”.
El objeto a implementar será un simple punto en dos dimensiones, la clase “Point2D”. Lo añadiremos al paquete “graph” como el resto de elementos de nuestra librería que, posteriormente, podremos reutilizar construyendo objetos más complejos.
interface_simpleDrawable
El objeto declarará un par de variables encargadas de almacenar las coordenadas del punto que define. La variable “x” mantendrá la ordenada y la “y” la abcisa del punto.
int x=0;
int y=0;
Dispondremos de dos constructores de la clase, uno que no admite parámetros y otro que nos servirá para iniciar el objeto con unas coordenadas concretas.
public Point2D()
public Point2D(int x1, int y1)
La clase implementará el “interdace SimpleDrawable”. Esto obligará a implementar el método “paint” que se declara en el “interface” y que servirá para que el objeto se represente gráficamente en pantalla.
Punto2D
Para que la clase responsable de almacenar y pintar los objetos cumpla con sus requisitos necesitamos definir una forma de almacenar los objetos gráficos.
Una solución consiste en definir un “Vector” JAVA. Esta clase se encuentra en un paquete de los distribuidos en el core de la aplicación, y representa una memoria dinámica de almacenamiento.
Añadiremos una función denominada “addElement” que será la responsable de añadir elementos a la base de datos. Esta clase debe ser pública para permitir el acceso a la misma desde otras clases del programa.
Deberemos implementar la lógica que pinta los objetos en el método “paint”. Esta función irá analizando cada uno de los elementos que se encuentran en la base de datos (“Vector” de almacenamiento) y comprobará previamente si derivan del interface “SimpleDrawable” para saber si son representables. En caso de serlo, forzará la conversión de tipos y llamará a su función “paint”.
Para comprobar si el objeto implementa el “interface” utilizaremos la comprobación con la palabra reservada “instanceof
pizarra_bd
Se puede implementar esta lógica de maneras diferentes. En el primer caso se ha integrado una estructura de tipo “for-next” para extraer los elementos del “Vector”. En el segundo caso se ha presentado una alternativa con una orientación a objetos más genérica, mediante el uso de un “Enumeration“.
Se recomienda consultar los manuales básicos de programación en JAVA para analizar con detalle estas alternativas.
paint_enum
La estructura del proyecto habrá cambiado con la incorporación tanto del “interface” como de la clase “Point2D”. La biblioteca gráfica empieza a completar su estructura básica de funcionamiento.
Estructurainterfaces
Sólo nos queda modificar el programa principal de ejemplo para añadir algunos objetos a la base de datos que hemos definido en la clase “Blackboard”.
Para añadir elementos hemos definido una nueva función llamada “iniciarElementos()” que creará tres nuevos puntos con el operador “new” y, mediante la llamada a la función “addElement” del objeto “pizarra” , los incorporará a nuestra clase gestora de objetos.
iniciarElementos
El resultado de la ejecución del programa es el que se muestra en la imagen que se adjunta..

ejemplo_interfaces2

Los puntos que hemos almacenado en la base de datos se representan en las coordenadas con las que los hemos inicializado.
En caso de iniciar los objetos con el constructor sin parámetros, se representarían en las coordenadas (0,0) superpuestos unos sobre otros, ya que tendrían los valores por defecto.
El siguiente paso en nuestra estructura será ver cómo incorporamos la interacción al programa. Primero definiremos un motor de animación para gestionar elementos que interactuen o se muevan solos, y posteriormente indicaremos cómo manipular los objetos con el ratón.
JAVA

Curso JAVA

Related Posts

  • Programación gráfica: Motor gráfico de animación [JAVA]Programación gráfica: Motor gráfico de animación [JAVA] Después de definir un primer interface para dibujar los objetos gráficos en JAVA, vamos a implementar un motor gráfico de animación que nos permita gestionar la dinámica de la aplicación y, posteriormente, añadir interacción con el usuario. El motor se encargará de llamar a las […]
  • Programación gráfica: Iniciar la construcción de la librería gráfica [JAVA]Programación gráfica: Iniciar la construcción de la librería gráfica [JAVA] Tras instalar el entorno de desarrollo (IDE) de Eclipse y crear un nuevo proyecto, hemos añadido un programa al proyecto Eclipse. El siguiente paso es empezar a estructurar la aplicación iniciando la construcción de los elementos de la biblioteca gráfica.
  • Fractales recursivos: Curva de Koch [JAVA]Fractales recursivos: Curva de Koch [JAVA] Hemos visto un primer programa denominado "DrawWorld" que nos introducía la programación en JAVA orientada a los gráficos. Este módulo de programación nos ha servido para ver un primer fractal recursivo: El triángulo de Sierpisnki. Veamos como modificar este programa elemental para […]
  • Fractales recursivos: Triángulo de Sierpinski [JAVA]Fractales recursivos: Triángulo de Sierpinski [JAVA] Hemos visto un primer programa denominado "DrawWorld" que nos introducía la programación en JAVA orientada a los gráficos. Veamos como modificar este programa elemental para generar un fractal recursivo básico: El triángulo de Sierpinski. (Ver como se genera un fractal recursivo) Es un […]
  • Programación gráfica: Iniciar un proyecto Eclipse [JAVA]Programación gráfica: Iniciar un proyecto Eclipse [JAVA] Hemos visto una primera aplicación gráfica en JAVA (DrawWorld) para ver la taxonomía básica de un Applet, y debemos tener instalado un entorno de desarrollo basado en Eclipse, que es el mismo necesario para instalar el SDK de Android, salvo que no es necesario por el momendo el conjunto […]
  • Programación gráfica: Interacción : Eventos de ratón [JAVA]Programación gráfica: Interacción : Eventos de ratón [JAVA] Después de crear el entorno gráfico básico y el motor de animación, introduciremos las primeras nociones de interacción por medio de la incorporación del modelo de eventos del ratón. La técnica consistirá en generar un evento o suceso cada vez que se interactua con el ratón. Este […]