Tips: GUI Building en NetBeans

En NetBeans y unicamente en netbeans, tenemos la posibilidad de construir nuestras ventanas con editor gráfico arrastrando y soltando, contenedores y componentes sobre un JFrame.

Para lo cual, unicamente, al crear nuestra clase java deberemos elegir el tipo JFrame Form en la categoria Swing GUI Form

Luego de elegir la clase del tipo JFrameForm, habra que darle el nombre a la clase y ubicarlo en el package correspondiente. Al crearse podremos reconocer 5 ubicaciones utiles:

  • Vista Fuente
    • Podremos ver siempre nuestro codigo en lineas java, esto es generado automaticamente por el IDE. Solo podremos modificar las lineas blancas, ya que las grises forman parte de la ventana automatica y al cambiar valores puede que termine no funcionando.
  • Vista Diseño
    • La vista, que por defecto se inicia, en la cual podremos "Diseñar" arrastrando y soltando los contenedores y componentes de la paleta
  • Vista Previa
    • Nos muestra como quedaria la ventana al ejecutarse. Aparenciendo la barra de titulo y botones. Es solo para el diseño, ya que no funcionan eventos de usuarios.
  • Pallete
    • El el listado de componentes y contenedores que podremos arastrar a nuestra ventana
  • Properties
    • La propiedades del componente o contenedor seleccionado para modificar. Al no tener nada selecionado por defecto nos da la propiedades del JFrame.


En cuestion de unos minutos, pude recrear, mas o menos, la calculadora de windows, solo en el diseño ya que no responde al pulsar algo

    Fue muy útil el editor
  • al crear tantos botones simplemente arrastrando.
  • al cambiarle el texto al boton, desde la propiedades.
  • al cambiarle el color, en foreground(color).
  • al cambiarle el tamaño de cada boton. en minimunSize/maximunSize
  • al cambiarle el margin (margin de los 4 lados sobretodo el de "+/-").

Quedara agregarles un listener para que respondan a los eventos de usuarios, pulsado sobre cada boton el boton derecho y se desplegara un menu en cual podremos asignarles un evento, y nos cambiara a la vista fuente para escribir el codigo que queremos que haga el o los metodos de cada Listener.
NOTA: al cambiar a la vista fuente, el editor me creo mas de 350 lineas de codigo para esta ventana, la cual es un poco engorrasa pero nada del otro mundo, sera cuestion de acostumbrarse a la forma donde simplemente se pone los eventos de ususario.

No hay comentarios:

Publicar un comentario