Prog GUI - Historial de revisiones

Wiki: /* Gestión de eventos */

2018-02-27T20:05:40Z

Gestión de eventos

Wiki: /* Xestión de eventos */

2018-02-27T20:01:35Z

Xestión de eventos

Wiki: /* Listas */

2018-02-27T20:01:12Z

Listas

Wiki: /* Introducción */

2018-02-24T12:46:14Z

Introducción

Wiki: /* Proyecto Netbeans de muestra */

2018-02-24T12:44:50Z

Proyecto Netbeans de muestra

Wiki: /* Proyecto Netbeans de muestra */

2018-02-24T12:44:05Z

Proyecto Netbeans de muestra

Wiki: /* Creación de interfaces gráficas con Netbeans */

2018-02-24T12:42:27Z

Creación de interfaces gráficas con Netbeans

Wiki: /* Listas */

2018-02-24T11:07:03Z

Listas

Wiki: /* ComboBox */

2018-02-24T10:49:22Z

ComboBox

Wiki: /* ComboBox */

2018-02-24T10:33:32Z

ComboBox

@@ Línea 420: / Línea 420: @@
 * En Java se utiliza lo que se llama '''gestión de eventos delegada'''.
-* Los eventos los gestionan unas clases 'especiales' denominadas 'oyentes' y que las conforman en Java una serie de Interfaces:
+* Los eventos los gestionan unas clases 'especiales' denominadas 'oyentes' y que las conforman una serie de Interfaces:
 :* ActionListener: Gestiona los eventos de 'click'.
-:* MouseListener:
+:* MouseListener: Gestiona los eventos del ratón.
-: Para poder gestionar los eventos de un tipo voy a tener que tener una clase que implemente alguna de las interfaces anteriores.
 : Cada interface tiene uno o un conjunto de métodos que serán llamados cuando se produzca el evento.
 : Así, la interface ActionListener tiene el <u>método actionPerformed</u> que será llamado cuando se produzca el evento de 'click'.
-* El siguiente paso será 'asociar' la interface con algún componente gráfico que 'produzca' ese evento. Es decir, el componente gráfico debe ser una ''''fuente de eventos'''.
+* El siguiente paso será 'asociar' un objeto de la clase que implementa la interface con algún componente gráfico que 'produzca' ese evento. Es decir, el componente gráfico debe ser una ''''fuente de eventos'''.
 : En el caso de los botones, la forma de asociarlo es mediante la llamada al método: '''addActionListener'''.

@@ Línea 416: / Línea 416: @@
 <br />
-==Xestión de eventos==
+==Gestión de eventos==
 * En Java se utiliza lo que se llama '''gestión de eventos delegada'''.

← Revisión anterior		Revisión del 20:01 27 feb 2018
Línea 416:		Línea 416:

	<br />		<br />
		+	==Xestión de eventos==
		+
		+	* En Java se utiliza lo que se llama '''gestión de eventos delegada'''.
		+
		+	* Los eventos los gestionan unas clases 'especiales' denominadas 'oyentes' y que las conforman en Java una serie de Interfaces:
		+	:* ActionListener: Gestiona los eventos de 'click'.
		+	:* MouseListener:
		+
		+	: Para poder gestionar los eventos de un tipo voy a tener que tener una clase que implemente alguna de las interfaces anteriores.
		+	: Cada interface tiene uno o un conjunto de métodos que serán llamados cuando se produzca el evento.
		+	: Así, la interface ActionListener tiene el <u>método actionPerformed</u> que será llamado cuando se produzca el evento de 'click'.
		+
		+	* El siguiente paso será 'asociar' la interface con algún componente gráfico que 'produzca' ese evento. Es decir, el componente gráfico debe ser una ''''fuente de eventos'''.
		+	: En el caso de los botones, la forma de asociarlo es mediante la llamada al método: '''addActionListener'''.
		+
		+
		+	* Disponéis en [https://docs.oracle.com/javase/7/docs/api/java/awt/event/package-summary.html este enlace] de todas las interfaces que gestionan eventos. Si pulsáis sobre la interfaces podéis ver cuales son los métodos que las conforman.
		+
		+
		+	<br />
		+
	==Proyecto Netbeans de muestra==		==Proyecto Netbeans de muestra==

← Revisión anterior		Revisión del 12:46 24 feb 2018
Línea 5:		Línea 5:
	* Aparecieron sistemas operativos nuevos (como Windows o IOS) que disponía de una [https://es.wikipedia.org/wiki/Interfaz_gr%C3%A1fica_de_usuario interface gráfica] en el que la relación entre la máquina y el usuario se basaba en el uso de elementos gráficos, como ventanas, cajas de texto, botones,...una forma mucho más 'amigable' que el uso de programas de consola, facilitando mucho su uso. Los programas que se desarrollaron a partir de entonces, incluían este tipo de recursos.		* Aparecieron sistemas operativos nuevos (como Windows o IOS) que disponía de una [https://es.wikipedia.org/wiki/Interfaz_gr%C3%A1fica_de_usuario interface gráfica] en el que la relación entre la máquina y el usuario se basaba en el uso de elementos gráficos, como ventanas, cajas de texto, botones,...una forma mucho más 'amigable' que el uso de programas de consola, facilitando mucho su uso. Los programas que se desarrollaron a partir de entonces, incluían este tipo de recursos.

−	* EL conjunto de elementos gráficos que permiten relacionar al usuario con un programa informático es lo que se conoce como <u>I</u>nterface <u>G</u>ráfica de <u>U</u>suario (en inglés '''G'''raphical '''U'''ser '''I'''nterface o '''GUI''').	+	* El conjunto de elementos gráficos que permiten relacionar al usuario con un programa informático es lo que se conoce como <u>I</u>nterface <u>G</u>ráfica de <u>U</u>suario (en inglés '''G'''raphical '''U'''ser '''I'''nterface o '''GUI''').

← Revisión anterior		Revisión del 12:44 24 feb 2018
Línea 435:		Línea 435:


−	* ~~Podéis descargar~~ el proyecto NetBeans de [[Media:Aprendiendo.zip ~~este enlace~~]].	+	* Este es el proyecto NetBeans comprimido: [[Media:Aprendiendo.zip]].

← Revisión anterior	Revisión del 12:42 24 feb 2018
Línea 415:	Línea 415:


	+	<br />
	+	==Proyecto Netbeans de muestra==
	+
	+	* En este proyecto se muestra un ejercicio práctico de los recursos gráficos aprendidos anteriormente.
	+
	+	[[Imagen:Prog gui 17.jpg\|400px\|center]]
	+
	+
	+
	+	* Comentar que el mantenimiento de datos va a llevar consigo las siguientes operaciones sobre los mismos: CONSULTA, ALTA, MODIFICACIÓN y BAJA.
	+	: En este proyecto se ha creado una pantalla por cada una de las operaciones y si han utilizado componentes gráficos diferentes para mostrar su funcionamiento.
	+	: Comentar que esto no tiene por qué ser así, y se puede realizar el mantenimiento con dos pantallas solamente:
	+	:* Una para dar de alta o modificar (sería la misma pantalla, modificando el botón de alta por el de modificar y enviando los datos en el caso de modificación.
	+	:* Una para las restantes operaciones. Se podría implementar con un botón de alta que llamaría a la pantalla anterior y una tabla con todos los datos y asociado a cada fila dos botones, uno para dar de baja y otro para modificar, que llamaría a la pantalla anterior.
	+
	+	[[Imagen:Php_laravel_acceso_datos_ex1_1.jpg\|400px\|center]]
	+	<small><center>Ejemplo de pantalla única para el mantenimiento de una tabla de perfumes hecho en PHP con el framework LARAVEL.</center></small>
	+
	+
	+
	+	* Podéis descargar el proyecto NetBeans de [[File:Aprendiendo.zip este enlace]].

@@ Línea 350: / Línea 350: @@
 * En el caso de las listas, podemos utilizar una clase Model de Java que implementa la interface ListModel. Dicha clases es la [https://docs.oracle.com/javase/8/docs/api/javax/swing/DefaultListModel.html clase DefaultListModel].
 : Recordar que a través del modelo vamos a añadir e eliminar elementos del mismo.
 * Si quisiéramos a través de programación asignar un modelo a una lista tendríamos que llamar al [https://docs.oracle.com/javase/8/docs/api/javax/swing/ListModel.html método setModel(ListModel<E> model)].
 =Recursos varios=

@@ Línea 285: / Línea 285: @@
 <br />
-* A partir de este momento ya podríamos añadir elementos a la combo con el método addItem del modelo asociado.
+* A partir de este momento ya podríamos añadir elementos a la combo con el '''método addElement''' del modelo asociado.
 : Pero resulta que el modelo por defecto va a aceptar objetos de la clase String.
 : Nosotros queremos aprovechar la ventaja de programar con objetos para que acepte (en este ejemplo) objetos de una clase Alumno creada previamente.

@@ Línea 257: / Línea 257: @@
 <br />
-* A diferencia de la JTable, no está creado un modelo por defecto y tendremos que, o bien por código, o bien gráficamente, asignarle un modelo.
+* Por defecto, el modelo que asigna Java a este componente gráfico es un [https://docs.oracle.com/javase/7/docs/api/javax/swing/DefaultComboBoxModel.html DefaultComboBoxModel], por lo que no tendremos que hacer nada si este modelo nos vale.
-: Si lo hiciéramos por código, tendríamos que poder después de la llamada a '''initComponents''' en el constructor del JDialog, lo siguiente:
+Para asignarle un modelo 'concreto' diferente al que asigna por defecto, podremos hacerlo por código o bien gráficamente.
 ::<syntaxhighlight lang="java" line enclose="div" highlight="5-6" >
      public DlgAlumnoBaja(java.awt.Frame parent, boolean modal) {
@@ Línea 290: / Línea 292: @@
 : De esta forma, al recuperar el elemento seleccionado de la lista recuperaremos un objeto de la clase Alumno con todos los atributos del mismo.
-: Tened en cuenta que en para dar de baja a un alumno necesitamos un identificador (puede ser un valor de un atributo).
+: Tened en cuenta que para dar de baja a un alumno necesitamos un identificador (puede ser un valor de un atributo).
 : Si no guardáramos objetos, el valor que podríamos recuperar de la combo sería un texto que no nos serviría para identificar al alumno, si el texto no es su campo identificador.
 : Tendríamos que utilizar el índice del elemento seleccionado en la combo para ir a nuestro array local en el que tenemos guardados todos los alumnos (y que hemos usado para cargar los alumnos en la combo) y por la posición de la combo, eliminar en esa misma posición el alumno del array.
@@ Línea 331: / Línea 333: @@
 : Comentar que en el caso de tener un array de datos de donde el combo carga los mismos, tendremos que actualizarlo y borrar también dicho elemento.
-: Para buscar el objeto en el array podríamos utilizar el índice del elemento seleccionado y buscar la misma posición en el array o podríamos buscar el objeto completo (dependerá del tipo de array utilizado que tendréis la posibilidad de buscar por un objeto).
+: Para buscar el objeto en el array podríamos utilizar el índice del elemento seleccionado y buscar la misma posición en el array o podríamos buscar el objeto completo (dependerá del tipo de array utilizado, tendréis la posibilidad de buscar por un objeto).