Skip to content

Latest commit

 

History

History
93 lines (60 loc) · 3.89 KB

java-swing.md

File metadata and controls

93 lines (60 loc) · 3.89 KB

Charlas de Backend

Interfaces Gráficas en Java Swing

Tabla de contenidos

¿Cómo empezar?

Eclipse + WindowBuilder

Para usar el plugin WindowBuilder de Eclipse es necesario instalarlo. El artículo Interfaces Gráficas con Eclipse WindowBuilder de Alura Latam muestra una guía de instalación y uso.

Netbeans

Netbeans viene con una herramienta similar al WindowBuilder integrada por defecto, lista para usar.

Para crear una vista en un nuevo proyecto:

  1. Crear un JFrame:
  • Hacer click derecho sobre el paquete donde se va a crear:
  • Escoger New -> JFrame Form en el menú: Crear JFrame en Netbeans
  1. Automáticamente se abre el editor de Netbeans, en el cual podremos diseñar la interfaz arrastrando y soltando componentes de la paleta en el JFrame: Editor gráfico de Netbeans Ejemplo de ventana hecha en Netbeans
  2. El código correspondiente a dicho diseño se genera de forma automática y puede editarse desde la vista "Source".
  • Por defecto, Netbeans genera a los JFrames como clases ejecutables (con un método main()). Vista Source en Netbeans
  1. Para separar responsabilidades, eliminamos el método main() de las clases que extienden de JFrame y trasladamos la lógica de mostrar u ocultar ventanas a la clase principal, de manera que esta sea la única clase ejecutable: Clase principal del proyecto

IntelliJ + GUI Designer

Para crear una vista en un nuevo proyecto usando el GUI Designer de IntelliJ IDEA:

  1. Hacer click derecho en el paquete donde se va a crear la vista y seguir los pasos:
  • New
  • Swing GUI Designer
  • GUI Form Crear un GUI form en IntelliJ IDEA
  1. Ingresar los datos de la vista (nombre y tipo de layout) Ingresar los datos de la vista

  2. Automáticamente se generan un archivo .form y uno .java asociados a la nueva vista. Podemos arrastrar y soltar componentes de la paleta al panel. Archivos del GUI Form Vista diseñada usando GUI Designer

  3. IntelliJ genera una clase asociada a la interfaz que incluye solamente los componentes de la vista. Es necesario agregar el resto del código de manera manual para vincular dicha vista a la aplicación: Código asociado a la interfaz generado por IntelliJ

Es necesario agregar el resto del código de manera manual para vincular dicha vista a la aplicación: Complementa el código generado por IntelliJ IDEA

Vincula la interfaz gráfica con la clase principal de la aplicación

Visual Studio Code

Solo se necesita tener instalado el Extension Pack for Java

¿Cómo exportar .jar ejecutable del proyecto?

Eclipse

Netbeans

IntelliJ

Visual Studio Code

Proyecto

Recursos Adicionales

¿Qué es la biblioteca Swing?