Java: Como activar el editor visual en Eclipse

Java: Como activar el editor visual en Eclipse - CableNaranja

¡Comparte nuestro contenido!

Window Builder, es el nombre del editor visual que podemos usar en Eclipse para desarrollar aplicaciones con interfaz gráfica de usuario , ya sea con AWT, SWT, Swing o cualquier otro GUI. Pese a que no es tan popular como lo fue en su tiempo NetBeans, no deja de ser una buena alternativa para nosotros. Por eso, en esta ocasión nos vamos a dar la tarea de activarlo ¡Así que abramos Eclipse y manos a la obra!

Activación paso a paso de Window Builder

En el Menú Help, seleccionamos la opción Install New Software.

Java: Como activar el editor visual en Eclipse - CableNaranja

Aparecerá la ventana de diálogo Available Software. En ella, abrimos la lista de opciones Work with y seleccionamos el repositorio de releases de nuestra versión de Eclipse. En mi caso, es la 2020-06.

Java: Como activar el editor visual en Eclipse - CableNaranja

Cuando el repositorio cargue, en la parte inferior encontraremos la lista de categorías que tenemos para instalar. En ella, abrimos la lista llamada General Purpose Tools y seleccionaremos las siguientes opciones:

  • WindowBuilder Core
  • WindowBuilder Core Documentation
  • WindowBuilder Core UI
  • WindowBuilder Java Core
  • Swing Designer
  • Swing Designer Documentation

Cuando terminemos de seleccionar, presionamos el botón Next.

Java: Como activar el editor visual en Eclipse - CableNaranja

La siguiente pantalla sólo es informativa, presionemos Next para continuar.

Java: Como activar el editor visual en Eclipse - CableNaranja

Para terminar, aceptamos los términos de la licencia y presionamos el botón Finish.

Java Como Activar Editor Visual Eclipse CableNaranja 5 1

El progreso de la instalación de los paquetes, lo podemos ver en la esquina inferior derecha de Eclipse.

Java: Como activar el editor visual en Eclipse - CableNaranja

Cuando termine la instalación, se nos pedirá reiniciar Eclipse. Presionemos el botón Restart Now.

Java: Como activar el editor visual en Eclipse - CableNaranja

Probemos el editor visual de Eclipse

Cuando el programa reinicie, encontraremos que ahora, en cada proyecto nuevo tendremos disponible el botón Create new visual clases. Al abrirlo, encontraremos los diferentes tipos de clases que podemos crear.

Para ponerlo a prueba, seleccionamos Swing y luego JFrame.

Java: Como activar el editor visual en Eclipse - CableNaranja

En la ventana de diálogo Create Frame, establecemos el Name para la clase y presionamos el botón Finish.

Java: Como activar el editor visual en Eclipse - CableNaranja

Cuando Eclipse termine de crear todo, nos mostrará el código generado para la clase. En la parte inferior, encontraremos ahora el botón Design.

Java: Como activar el editor visual en Eclipse - CableNaranja

Al presionar dicho botón, llegaremos al editor visual de clases. Por lo que ya podemos comenzar a crear nuestra aplicación.

Java: Como activar el editor visual en Eclipse - CableNaranja

¡Y con eso finalizamos este artículo! ¿Te ha resultado? Déjanos saber en los comentarios aquí abajo, en nuestra cuenta de twitter @cablenaranja7 o en nuestra página de facebook.

¡Comparte nuestro contenido!

Israel García

Docente, IT Manager, Blogger & Developer. Escribo por diversión, educo por pasión. | Grandstanding is not my thing.

También te podría gustar...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

shares