Herramientas de usuario

Herramientas del sitio


bloque2:componentes

Diferencias

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

Enlace a la vista de comparación

bloque2:componentes [2020/12/20 10:55] – [Añadir librerias a otros proyectos (IntelliJ)] fernandobloque2: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 ====== ====== 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ñasy 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 ypor lo tantomás escalables más fáciles de depurar.
  
 {{ :bloque2:awt_frame2.png?direct&300 |}} {{ :bloque2:awt_frame2.png?direct&300 |}}
Línea 184: Línea 184:
  
 ====Exportar librerias de clases Jar (IntelliJ)==== ====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 ===== ===== Uso de componentes =====
Línea 221: Línea 239:
  
 {{ :bloque2:addcomponenttopalette-uidesigner.png?direct&150|}} {{ :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:// Se abrirá un cuadro de dialogo en el cual pulsaremos sobre el botón (...) a la derecha del campo //Class://
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//: 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 }} {{ 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 ==== ==== 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'' . 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'' .
bloque2/componentes.1608461711.txt.gz · Última modificación: 2024/09/16 20:55 (editor externo)