Diferencias

Muestra las diferencias entre dos versiones de la página.

--- bloque2:componentes [2020/12/20 10:53] – [Añadir librerias a otros proyectos (IntelliJ)] fernando
+++ bloque2:componentes [2024/09/16 20:55] (actual) – editor externo 127.0.0.1
@@ Línea 1: / Línea 1: @@
 ====== Creación y uso de componentes gráficos ======
-De la misma forma que podemos diseñar una interfaz gráfica en una sola clase, es recomendable dividir las diferentes secciones (componentes) de una GUI en diferentes clases. De este modo será más fácil reautilizar algunos componentes en interfaces gráficas de otras aplicaciones, además de tener clases más pequeñas, y por lo tanto más escalables más fáciles de depurar.
+De la misma forma que podemos diseñar una interfaz gráfica en una sola clase, es recomendable dividir las diferentes secciones (componentes) de una GUI en diferentes clases. De este modo será más fácil reutilizar algunos componentes en interfaces gráficas de otras aplicaciones, además de tener clases más pequeñas y, por lo tanto, más escalables o más fáciles de depurar.
 {{ :bloque2:awt_frame2.png?direct&300 |}}
@@ Línea 184: / Línea 184: @@
 ====Exportar librerias de clases Jar (IntelliJ)====
+Los ficheros Jar en IntelliJ se denominan //artifacts//.
+El atajo más directo para crear una librería Jar con solamente algunas clases es la siguiente: Desde la sección ''Project Structure'' dentro del menu ''File'', nos situamos sobre ''Artifacts''.
+{{ :bloque2:newartifact-intellij.png?direct&400 |}}
+Ahí pulsamos sobre el boton (+) para crear un nuevo //artifact Jar//  vacio.
+En el siguiente cuadro de dialogo, podemos indicar un nombre para el fichero , indicar si queremos que se cree cuando hagamos un //Build// del proyecto, y en la sección inferior, si queremos que nuestras librería de clases esté organizada en directorios (del mismo modo que los //packages//), podemos pulsar sobre el botón crear directorio:
+{{ :bloque2:createdirectory-jar.png?direct&400 |}}
+ y después pulsando sobre el símbolo (+) debemos seleccionar los archivos //.class// que queremos que incluya:
+{{ :bloque2:newartifact2-intellij.png?direct&800 |}}
+Ahí en el selector de ficheros, buscamos los archivo **.class** que queramos incluir en nuestro Jar. Una vez indicamos pulsamos sobre aceptar finalizando la creación del //artifact//.
+Para generarlo el fichero Jar iremos al menú Build de IntelliJ, y pulsaremos sobre ''build project'' en caso de que a la hora de configurar el artifact marcaramos el checkbox que indicamos en esta sección. En caso contratio Pulsamos sobre ''build artifacts''.
+{{ :bloque2:build-artifacts-intellij.png?direct&400 |}}
 ===== Uso de componentes =====
@@ Línea 216: / Línea 234: @@
 Dentro de la sección //libraries// pulsamos sobre el simbolo (+) y añadimos la ruta del directorio que contiene las librerias en formato //Jar// dentro de nuestro proyecto.
-{{ :bloque2:addcomponents-intellij.png?direct&100|}}
+{{:bloque2:addcomponents-intellij.png?direct&200 |}}
 Una vez que hemos añadido las librerías con nuestras clases, desde la paleta de componentes del diseñadir //UI Designer//, iremos a la sección //Palette// y haremos //click derecho// sobre //Non-Palette Component// y **crearemos un nuevo grupo** para nuestros componentes:{{ :bloque2:creategroup-uideseigner.png?direct&800 |}}
-{{ :bloque2:addcomponenttopalette-uidesigner.png?direct&400|}}
+{{ :bloque2:addcomponenttopalette-uidesigner.png?direct&150|}}
-Una vez que tenemos un nuevo grupo para nuestros componentes, vamos a añadir los componentes que queramos a la paleta. Empezamos por hacer //click derecho// sobre nuestro nuevo grupo de componentes, e indicaremos la opción //Add Component to Palette...//.
+Cuando tenemos un nuevo grupo para nuestros componentes, vamos a añadir los componentes que queramos a la paleta. Empezamos por hacer //click derecho// sobre nuestro nuevo grupo de componentes, e indicaremos la opción //Add Component to Palette...//.
 Se abrirá un cuadro de dialogo en el cual pulsaremos sobre el botón (...) a la derecha del campo //Class://
-{{ :bloque2:addcomponenttopalette-dialogs-uidesigner.png?direct&400 |}}
+{{ :bloque2:addcomponenttopalette-dialogs-uidesigner.png?direct&600 |}}
-{{ :bloque2:addcomponenttopalette-result-uidesigner.png?direct&400|}}
+{{ :bloque2:addcomponenttopalette-result-uidesigner.png?direct&150|}}
 Buscaremos la clase que necesitemos y nos aseguramos que está en el paquete correcto (Puede que exista clases con el mismo nombre). Seleccionamos y pulsamos aceptar en los dos cuadros de dialogos. Con ello hemos conseguido añadir un nuevo componente a nuestra paleta del diseñador.
@@ Línea 248: / Línea 266: @@
 En el siguiente video, además de usar una interfaz dinámica gestionamos los eventos de nuestro componente personalizado mediante el //Event Dispatcher//:
 {{ vimeo>481003019?medium }}
+En los siguientes dos videos utilizamos el IDE IntelliJ:
+{{ vimeo>770531646?medium }}
+> Creación de GUI dinámica (IntelliJ)
+{{ vimeo>772557531?medium }}
+> GUI dinámica: Manejar componentes (IntelliJ)
 ==== ListCellRenderers: personalizar JList y JComboBox ====
 Otra forma de usar componentes personalizados para listar elementos es hacer que un elemento ''JList'' o ''JComboBox'' muestre nuestros componentes en sus celdas. Es decir, diseñar el aspecto de las celdas de JList, por ejemplo. Para ello nuestro componente debe implementar la interface ''ListCellRenderer'' .