IDE Netbeans y Swing

El uso de un entorno de desarrollo integrado (IDE) para el desarrollo de aplicaciones que permite ahorrar tiempo por las ventanas de gestin, configuracin y datos.Adems, un IDE puede almacenar las tareas repetitivas mediante macros y abreviaturas.funciones de arrastrar y soltar "facilitan la creacin de la interfaz grfica de usuario (GUI) de componentes o acceder a bases de datos de fcil, y destac el cdigo y depuracin que le avise a los errores en el cdigo.

El IDE NetBeans es de cdigo abierto y est escrito en el lenguaje de programacin Java.Ofrece los servicios comunes a la creacin de aplicaciones de escritorio - tales como ventanas y gestin de mens, configuraciones de almacenamiento - y es tambin el primer IDE para apoyar plenamente JDK 6.0 caractersticas.La plataforma NetBeans IDE y son gratuitas para uso comercial y no comercial, y con el apoyo de Sun Microsystems.

Este tutorial est dirigido a aquellos que son nuevos en el uso IDEs, bastante nuevo en la programacin y los nuevos a la plataforma Java.Usted aprender a crear una sencilla aplicacin de escritorio con una interfaz grfica de usuario y la funcionalidad que calcula el pago de horas extras con las caractersticas bsicas del IDE NetBeans.Este tutorial ofrece explicaciones para el cdigo en su caso, as como enlaces a laAPI de Javay la informacin acerca de los objetos a medida que se introducen.Aunque el entorno NetBeans tambin proporciona muchas caractersticas para las distintas plataformas de Java, como Java Platform, Enterprise Edition (Java EE) y Java Platform, Micro Edition (Java ME), este artculo slo se refiere Java Platform, Standard Edition (Java SE) tecnologa, que generalmente es el punto de entrada para los nuevos desarrolladores y programadores.tutoriales futuro discutirn las caractersticas avanzadas ms.

Para seguir este tutorial, usted necesita tener descargado e instalado elJDK y el IDE NetBeans.O usted puede descargarel JDK 6y elNetBeans 6.1por separado para asegurarse de que tiene las ltimas versiones.

Dado que el IDE NetBeans es de cdigo abierto est experimentando una mejora continua, puede observar ligeras diferencias entre las capturas de pantalla en este artculo y la ltima descarga.Este tutorial est basado en NetBeans 6.1 y pueden variar ligeramente de las versiones posteriores a medida que estn disponibles.

Caractersticas y HerramientasEl IDE NetBeans tiene muchas caractersticas y herramientas para cada una de las plataformas Java.Los que estn en la siguiente lista no se limitan a la plataforma Java SE, pero son tiles para la construccin, depuracin y despliegue de aplicaciones y applets:Editor de cdigo fuente El resaltado de sintaxis para Java, JavaScript, XML, HTML, CSS, JSP, IDL Fuentes personalizables, colores y combinaciones de teclas En vivo y anlisis de errores de marcado Pop-up Javadoc para el acceso rpido a la documentacin Avanzada la terminacin del cdigo sangrado automtico, que es personalizable Palabra a juego con los prefijos iniciales mismo Navegacin de la clase actual y las funciones ms utilizadas Macros y abreviaturas Ir ala declaracin yPasar aclase Correspondiente llave destacando Jumplist le permite volver el cursor a la modificacin anterior GUI Builder Totalmente WYSIWYG de diseo con la caracterstica forma de prueba Apoyo a las formas visuales y no visuales Extensible con la paleta de componentes Swing preinstalado y componentes AWT Inspector de componentes que muestra un rbol de componentes y propiedades Automtico de una va de generacin de cdigo, completamente personalizable Apoyo a AWT / Swing administradores de diseo, personalizacin de arrastrar y soltar diseo El editor visual de gran alcance Apoyo para el diseo nulo En lugar de edicin de etiquetas de texto de los componentes, tales como etiquetas, botones y campos de texto apoyo JavaBeans, incluyendo la instalacin, uso y personalizacin de las propiedades, eventos y personalizadores Visual personalizacin JavaBean - capacidad de crear formas de las clases JavaBean frijoles Conexin mediante el asistente de conexin Ampliar la capacidad de verBase de datos de apoyo Base de datos de navegacin de esquema para ver las tablas, vistas, procedimientos almacenados y se define en una base de datos Esquema de base de datos utilizando asistentes de edicin vista de datos para ver los datos almacenados en las tablas SQL y la ejecucin de comandos DDL para ayudarle a escribir y ejecutar ms complicado SQL o comandos DDL La migracin de definiciones de tablas entre bases de datos de diferentes proveedores Funciona con bases de datos, como MySQL, PostgreSQL, Oracle, IBM DB2, Microsoft SQL Server, PointBase, Sybase, Informix, Nubes, Derby, y msEl IDE NetBeans tambin proporciona herramientas de refactorizacin con todas las funciones, que le permiten cambiar el nombre y seguir las clases, campos y mtodos, as como cambiar los parmetros del mtodo.Adems, se obtiene un depurador y un sistema de proyectos basado en Ant.

Familiarizarse con NetBeansPara empezar, descarga la ltima versin estable de laNetBeans.orgsitio web e instalarlo en cualquier plataforma que utiliza para la programacin y el desarrollo.El sitio web NetBeans.org se enumeran los requisitos informticos necesarios para ejecutar el programa.

NetBeans puede actualizar automticamente su ncleo y los mdulos de extensin a travs de Internet, y tiene un mdulo que se ejecuta peridicamente en su nombre para comprobar si hay actualizaciones a la versin de NetBeans que est utilizando.Adems, elcentro de actualizacionespueden actualizar e instalar todos los mdulos que est bien o solicitud.

Al iniciar la aplicacin, usted debe conseguir una pantalla de inicio similar a la Figura 1.Se dar cuenta que esta pantalla de bienvenida hace que empezar de inmediato un proceso fcil, mostrando una Gua de inicio rpido desde el principio, as como las opciones para iniciar un proyecto o abrir uno.Adems, puede seleccionar el proyecto de ejemplo para un rpido ejemplo de cmo el cdigo est configurado en este IDE.NetBeans es bastante intuitivo de usar, especialmente si usted ha utilizado el software de IDE en el pasado.Se har familiar con tres conceptos de inmediato:proyectos,nodosyreas de trabajo.Dentro de NetBeans, que trabaja en el contexto de un proyecto, que consiste en un grupo organizado de archivos de cdigo fuente y los metadatos asociados, propiedades de archivos especficos a los proyectos; Ant script y ejecutar la configuracin de una, y todas las herramientas que necesita para escribir, compilar, probar y depurar la aplicacin.Usted puede crear un proyecto principal con los subproyectos, y se puede vincular los proyectos a travs de dependencias.As que para empezar es tan fcil como darle a su proyecto un nombre.

Figura 1.Pantalla de bienvenida.

Cuando se lo cuente NetBeans el nombre de un nuevo proyecto, entonces: Crea un rbol de cdigo fuente con una clase esqueleto en el interior opcional Crea una carpeta para las pruebas unitarias Establece rutas de clases para la elaboracin, ejecucin, y las pruebas Establece la plataforma Java es el proyecto para ejecutarse en Crea un script de Ant (build.xml), que contiene las instrucciones que el IDE usa al ejecutar comandos en el proyecto, tales comocompilaroejecutarHaga clic en Archivo en el men principal y seleccione Nuevo proyecto.El asistente Nuevo proyecto aparece y es similar a la Figura 2.Figura 2.Asistente para nuevo proyecto

Figura 3.Ventana de Archivos

A partir de ah, puede elegir el tipo de aplicacin que desea crear, seleccione una categora como Java, Web, o Enterprise.Tenga en cuenta que dentro de la categora de Java, puede crear un proyecto que contiene una aplicacin vaca.Elija Java y seleccione Java Application.A continuacin, el nombre del proyecto y seleccione una ubicacin de un sistema de archivos.Tenga en cuenta que el IDE crea automticamente una clase principal para su aplicacin si usted desea.Haga clic en Finalizar.

La ventana de proyectos slo los archivos que es probable que se edita regularmente, tales como archivos de origen y las pruebas.Para ver ms detalles acerca de su proyecto, haga clic en la ficha Archivos.La ficha Archivos muestra una vista basada en directorio de su proyecto, como se muestra en la Figura 3.Si hace clic en la carpeta del proyecto que ha creado, vers que la carpeta contiene el script Ant y archivos de propiedades que controlan cmo su proyecto se construye y ejecuta: nbproject / build-impl.xml- Contiene las instrucciones para el manejo de su proyecto.El IDE genera este archivo, que no se debe modificar. build.xml- Las importaciones de los objetivos dela acumulacin de impl.xml. Puede editar este archivo para reemplazar los objetivos existentes o crear nuevos objetivos.Consejo:Muchos de los comandos de men tales como ejecutar y construir tiene atajos de teclado para el proyecto principal.Tambin puede acceder a todos los comandos para los proyectos individuales, haga clic en sus nodos del proyecto en la ventana de proyectos.

La carpeta tambin contiene los archivos de la carpeta de salida para las clases compiladas, los archivos JAR (Java para proyectos SE) o archivos WAR (para proyectos web), y Javadoc.Esto muestra comocrearcarpeta despus de compilar la aplicacin.

NetBeans te permite ver todos los objetos en un proyecto representan como nodos de un rbol, cada uno con su propio icono para representar el tipo de objeto que representa el nodo.Dentro de la ficha Archivos, usted puede fcilmente ver los rboles y los ganglios representante.Si hace doble clic en un nodo, se abre en una sub-estructura que contiene ms detalles.Usted puede contraer o expandir los rboles que sea necesario.Haga clic en cualquier nodo proporciona acceso fcil a las funciones especficas que se pueden realizar y las herramientas que puede utilizar en ese objeto.Ampliar los subrboles del nodo del proyecto que acaba de crear, y te dars cuenta que los campos, constructores, mtodos y modelos de frijol aparecen como ramas nodo.

La ventana de Servicios de las listas de las instalaciones disponibles para el proyecto, tales como servidores, bases de datos, beans de empresa, y servicios web.Adems, se puede ver qu operaciones se han realizado y solucionar problemas de algunos tipos de errores de tiempo de ejecucin, por ejemplo, cuando unainvocacin de mtodo remoto (RMI)de conexin est causando un problema.Usted recibir ms familiarizados con esta ventana despus de haber escrito, compilado, correr, probar y depurar sus aplicaciones.

Figura 4.Editor de Fuente

Volver a la ventana de proyectos.Observe el sistema de archivos que se ha creado.Los archivos y directorios asociados a un proyecto de aplicacin se organizan de una manera lgica.Haga doble clic en un archivo de cdigo fuente se abre automticamente el archivo en el rea de trabajo a la derecha, con lo que el editor de fuentes apropiadas.Haga doble clic en elMain.javaarchivo de cdigo fuente para ver el Editor de cdigo fuente similar a la de la Figura 4.

Cuando la aplicacin se organiza en varios proyectos, el principal proyecto sirve como punto de entrada a la solicitud.Por lo general, el proyecto principal contiene la clase principal que inicia la aplicacin.Para hacer un proyecto el proyecto principal, haga clic en el nodo del proyecto en la ventana de proyectos y elija Establecer principal del proyecto.

Usando el editor de fuentesPuede hacer clic derecho en el editor de cdigo y escribir el cdigo.Cuando se escribe cdigo de esta manera, se dar cuenta de que el editor resalta automticamente el cdigo de color segn proceda, y ofrece sugerencias para el cdigo de terminacin a medida que escribe.

Usted puede personalizar los colores en el resaltado, vaya a Herramientas> Opciones (NetBeans> Preferencias en Mac)> Fuentes y colores.

finalizacin Cdigo acabados nombres de paquetes, clases, interfaces y mtodos comunes.En cuanto a mano como finalizacin de cdigo puede ser, no puede a veces lo deseen.Usted puede desactivar esta funcin pulsando Esc.O se puede desactivar de manera ms permanente, vaya a Herramientas> Opciones (Preferencias NetBeans> en un Mac)>> Editor General, y en el cdigo de finalizacin, desmarcando la casilla de verificacin Auto Popup Finalizacin de la ventana.

Usted tambin puede ahorrar tiempo mediante la asignacin de abreviaturas que el editor de cdigo fuente se expande para usted.Para establecer las abreviaturas, vaya a Herramientas> Opciones (Preferencias NetBeans> en un Mac)>> Editor de plantillas de cdigo.Escriba las primeras letras de una abreviatura y pulsar la barra espaciadora.El Editor de cdigo fuente se expande la abreviatura.

Encienda la numeracin de lneas fcilmente haciendo clic derecho en la barra lateral izquierda de origen del editor y seleccionar Mostrar nmeros de lnea.

Al programar en Java, se puede agregar a su cdigo fuente, haciendo uso de cdigo de uso comn plantillas.Presione Ctrl-I en el Editor de cdigo fuente para verlo Incluir cdigo en el men emergente.Agregar propiedades a las clases, crear constructores, generar mtodos de acceso, y reemplazar los mtodos de las superclases.Al agregar las propiedades, el IDE proporciona un cuadro de dilogo como en la figura 5.

Para obtener ms informacin sobre las caractersticas de edicin en el IDE, consulteMejoras en la edicin de Java en NetBeans IDE 6.0Figura 5.Agregar cuadro de dilogo PropiedadesHaga clicaqupara agrandar la imagen.

RefactorizacinLa herramienta de refactorizacin va a trabajar y hace que todos los cambios necesarios basados en su nica entrada.La refactorizacin es la reestructuracin del cdigo, con pequeas transformaciones, cuando el resultado no cambia el comportamiento del programa.As como factor de una expresin para que sea ms fcil de entender o modificar, refactorizar cdigo para que sea ms fcil de leer, fcil de entender, y ms rpido para actualizar.Una expresin refactorizado debe producir el mismo resultado, y el programa debe ser rediseado funcionalmente equivalente a la fuente original.

Algunas de las razones comunes para el cdigo de refactorizacin se incluyen las siguientes: Para hacer que el cdigo sea ms fcil cambiar o ms fcil de agregar una nueva funcin Para reducir la complejidad para una mejor comprensin Para eliminar la repeticin innecesaria Para permitir el uso del cdigo para otras necesidades o ms necesidades generalesNetBeans proporciona las siguientes caractersticas de refactorizacin: Encuentra en las clases, variables y mtodos se utilizan en todo el cdigo fuente del proyecto. Le permite mover una clase a otra del paquete o en otra clase y le permite mover un campo esttico o un mtodo esttico de una clase a otra.Adems, se actualiza todo el cdigo fuente de su proyecto para hacer referencia al elemento en su nueva ubicacin. Permite cambiar el nombre de una clase, variable o mtodo a algo ms significativo.Adems, se actualiza todo el cdigo fuente de su proyecto para hacer referencia al elemento por su nuevo nombre. Genera uncompradory un mtodosettermtodo para un campo y, opcionalmente, actualizaciones de todo el cdigo de referencia para acceder al campo con elcaptadorydefinidormtodos. Permite agregar parmetros a un mtodo y cambiar el modificador de acceso. Le permite deshacer todos los cambios en todos los archivos que fueron afectados por la refactorizacin.Para ver el men Refactorizar, haga clic y seleccione Refactorizar de un elemento en la ventana Proyectos, o pulse el botn derecho y seleccione Refactorizar de un archivo abierto en el Editor de cdigo fuente.

DepuracinEn el IDE de NetBeans, puede depurar mediante el establecimiento de puntos de interrupcin y los relojes en el cdigo, a continuacin, ejecutar la aplicacin en el depurador.Puede ejecutar el cdigo de una lnea a la vez y examinar el estado de su solicitud con el fin de descubrir cualquier problema.Al iniciar una sesin de depuracin, todas las ventanas del depurador relevante aparecer automticamente en la parte inferior de la pantalla.Puede depurar un proyecto completo, cualquier clase ejecutable, y cualquierJUnitpruebas.El IDE tambin le permite depurar aplicaciones que se ejecutan en una mquina remota por asociar el depurador al proceso de aplicacin.Un punto de interrupcin es una bandera en el cdigo fuente que indica al depurador que detenga la ejecucin del programa.Cuando el programa se detiene en un punto de interrupcin, puede realizar acciones como examinar el valor de las variables y de un solo paso a paso a travs de su programa.El Editor de cdigo fuente indica un punto de ruptura, poniendo de relieve la lnea en rojo y poner una anotacin en el margen izquierdo.A excepcin de los puntos de interrupcin de lnea, todos los puntos de interrupcin de Java se definen a nivel mundial para todos los proyectos de IDE.Por ejemplo, si establece un punto de interrupcin en una clase, el IDE se detendr la ejecucin cada vez que encuentra esa clase durante una sesin de depuracin, independientemente de qu proyecto se est depurando.Para establecer un punto de interrupcin de lnea, haga clic en el margen izquierdo de la lnea en el Editor de cdigo fuente.Figura 6 muestra dos puntos de ruptura, un punto de interrupcin de lnea se indica mediante un cuadrado rojo, y un punto de interrupcin campo se muestra como un tringulo.

Figura 6.Puntos de interrupcin en el Editor de Fuente

Puede personalizar un punto de interrupcin, haga clic en el icono de punto de interrupcin y la eleccin de punto de interrupcin> Personalizar.El Personalizador de dilogo le permite establecer las condiciones y acciones en el punto de interrupcin.Puede establecer otros tipos de puntos de interrupcin, as, como las siguientes: Mtodo- La ejecucin del programa se detiene cada vez que el mtodo se ejecuta. Excepcin- Usted puede romper una excepcin especfica cuando se detecta, siempre que sea una excepcin especfica no se maneja en el cdigo fuente o siempre que cualquier excepcin que se encuentre, independientemente de si el programa se encarga de la excepcin o no. Variable- Puede detener la ejecucin de su programa cada vez que una variable en una clase determinada se accede (por ejemplo, el mtodo se llama con la variable como un argumento) o modificados. Hilo- Puede interrumpir la ejecucin del programa cada vez que un hilo se inicia, se detiene, o ambos. Clase- Usted puede romper cuando la clase se carga en la mquina virtual, descarga de la mquina virtual, o ambas cosas.Para ejecutar la herramienta de depurador, haga clic en el icono de depuracin principal del proyecto () En la barra de herramientas principal, o seleccione Ejecutar> Depurar principal del proyecto en el men principal.Para una rpida demostracin de la herramienta de depuracin en la accin, consulteDemo de depuracin de JDK.

Importacin de Java existentes cdigo fuente en NetBeans

Puede usar dos plantillas de proyecto para importar el cdigo fuente existente: Proyecto Java con las fuentes- Utilice esta plantilla de proyecto para crear un proyecto estndar de Java.Un proyecto estndar Java utiliza el IDE para compilar, ejecutar y depurar la aplicacin. Java libre de Proyecto- Utilice esta plantilla de proyecto si desea utilizar su propio script Ant para compilar, ejecutar y depurar la aplicacin.Los pasos siguientes se refieren a uso de la primera plantilla para crear un proyecto Java estndar sin el uso de los scripts de Ant.1. Elija Archivo de Proyecto> Nuevo (Ctrl + Maysculas + N).2. Elija Java> Proyecto de Java con las fuentes existentes.3. Haga clic en Siguiente.4. En el campo Nombre del proyecto, escriba un nombre para su proyecto.Tenga en cuenta que el IDE automticamente sugiere un nombre para la carpeta del proyecto.5. Haga clic en el botn Examinar situado junto al campo de carpeta de proyecto y crear una carpeta en algn lugar de su sistema para sus proyectos NetBeans.A continuacin, seleccione la carpeta recin creada NetBeans proyectos.Asegrese de seleccionar el Establecer como principal del cuadro Proyecto, haga clic en Siguiente.6. En el panel de fuentes existentes, haga clic en Agregar carpeta, vaya al directorio de archivos de origen y seleccionar los recursos y carpetas src.7. (Opcional) En la carpeta Paquetes panel de prueba, haga clic en Examinar para seleccionar la carpeta que contiene elJUnitcarpetas paquete.8. Haga clic en Finalizar.Su proyecto se mostrar en las ventanas de proyectos y archivos.Gestin de la ruta de clasesNetBeans agrega automticamente todo el classpath de compilacin de su proyecto de ruta de clases en tiempo de ejecucin del proyecto.Para administrar un proyecto de ruta de clases:1. En la ventana Proyectos, haga clic en el nodo del proyecto y seleccione Propiedades.2. En el cuadro de dilogo Propiedades del proyecto, haga clic en el nodo de Bibliotecas en el panel izquierdo.3. Seleccione la pestaa de compilacin en el panel derecho del cuadro de dilogo.4. Agregar los elementos necesarios para la recopilacin de la ruta de clase del proyecto haciendo clic en el botn correspondiente.Puede aadir cualquiera de los siguientes: Del proyecto.ElJARarchivo o archivo WAR producido por otro proyecto, as como los archivos de origen asociados y documentacin Javadoc Biblioteca.Una coleccin de archivos JAR o carpetas con clases compiladas, que opcionalmente puede tener asociados archivos de cdigo fuente y documentacin Javadoc Archivo JAR.Un archivo JAR en algn lugar de su sistema

Crear, compilar y ejecutar una aplicacinAhora que usted est familiarizado con las tuercas y los pernos de la IDE de NetBeans, las siguientes secciones le guiar a travs de la creacin, compilacin y ejecucin de una aplicacin que utiliza una sencilla interfaz grfica de usuario con algunas funciones de fondo que calcula la tasa de regular y pago de horas extras .Figura 7.Pago aplicacin Calculadora

Su aplicacin terminada ser similar a la Figura 7.En la creacin de esta solicitud, usted aprender a: Utilice el Editor del Formulario Utilice el editor de fuentes Utilice la paleta, el inspector, y cuenta con propiedades Agregar controladores de eventos Compilar y ejecutar la aplicacinAunque usted puede hacer mucho a travs de asistentes, formas y funciones de arrastrar y soltar, usted todava tiene que escribir algunas lneas de cdigo para la funcionalidad de la aplicacin.En las secciones siguientes se explican algunas de estas lneas de cdigo.

Crear la aplicacin Calculadora de pagoComience por crear un nuevo proyecto para la aplicacin.1. Haga clic en Archivo en el men principal y seleccione Nuevo proyecto.El asistente del proyecto se inicia.2. Seleccione Java en el panel de las categoras y seleccione Java Application en el panel de proyectos, como se muestra enla Figura 2arriba. Haga clic en Siguiente.3. En la siguiente ventana, puede dejar el nombre del proyecto sugerido o especifique otro nombre.Seleccione una ubicacin de carpeta para esta aplicacin.Desmarque la casilla de Crear la clase principal.4. Haga clic en Finalizar.El IDE crea el nuevo proyecto y lo muestra en las ventanas de los proyectos y archivos.Para comenzar a crear la interfaz grfica de usuario, usted va a iniciar el Editor de formularios mediante la creacin de un contenedor de alto para su aplicacin mediante un formulario especfico.La API de Java proporciona componentes de interfaz grfica de usuario, a menudo se conoce comoSwing, y ofrece tres clases de contenedores de alto nivel-tiles:JFrame,JDialogyJApplet.Cada componente de interfaz grfica de usuario debe ser parte de una jerarqua de contencin.Un rbol de contenidos es un rbol de componentes que tiene un contenedor de alto nivel como su raz.Cada componente de interfaz grfica de usuario puede contener solamente una vez.Si un componente ya est en un recipiente y se intenta agregarlo a otro contenedor, el componente se quita del primer recipiente y se agrega a la segunda.Cada contenedor de alto nivel tiene un panel de contenido que, en general, contiene (directa o indirectamente) los componentes visibles en el nivel superior del contenedor-GUI.Usted tiene la opcin de aadir una barra de mens a un contenedor de alto nivel.

Comience usando el asistente de archivos para crear un componente JFrame.1. En el men Archivo, seleccione Nuevo archivo.El asistente muestra del archivo.2. Desde las categoras seleccione Swing formas GUI.Aviso de los tipos de archivos que aparecen a la derecha.Para esta aplicacin, se utilizar un formulario JFrame.Seleccione Formulario JFrame, a continuacin, haga clic en Siguiente.3. Nombre del JFrameSamplesJFrame, y haga clic en Finalizar.Para ver lo que el asistente ha creado, haga clic en la pestaa Archivos y expanda los nodos incluidos en el nuevo proyecto.Haga doble clic enSamplesJFramepara ver el archivo en el Editor de cdigo fuente a la derecha.

Sobre el editor de cdigo, ver que hay dos botones que le permiten alternar entre la vista Diseo, que le da un punto de vista visual de la aplicacin, y la vista Cdigo fuente, que le permite trabajar con el cdigo de prima.En otras palabras, se puede cambiar desde el editor de interfaz grfica de usuario de arrastrar y colocar para el editor de cdigo.Cada editor ofrece opciones ligeramente diferente en la barra de herramientas, como se muestra en las figuras 8 y 9.

Figura 8.GUI Diseo barra de herramientas del editor

Figura 9.Fuente barra de herramientas del editor

Haga clic en la vista Cdigo fuente para ver el cdigo que se ha generado para la clase.A continuacin, haga clic de nuevo en la vista Diseo para utilizar el Editor de Diseo.Ahora puede comenzar el proceso de construccin de la interfaz grfica de usuario.

Se inici esta aplicacin con elJFramecontenedor.Ahora usted puede agregar fcilmente otros componentes para que mediante la seleccin de un componente de la paleta y colocarlo en el Editor de Diseo.Cambio de propiedades de los componentes es igual de fcil.Figura 10.NetBeans IDE Medio Ambiente de Trabajo.

Desde este editor, se le aada o modifique los componentes mediante el uso de tres paneles que se acoplan a los lados de la IDE (vase la figura 10 anterior): Paleta- Contiene JFC / Swing, AWT,administradores de diseo, yJavaBeanscomponentes. Inspector- Muestra una jerarqua de rbol de todos los componentes que figuran en el archivo seleccionado actualmente, incluyendo componentes visuales y los envases, tales como botones, etiquetas, mens y paneles.Tambin puede incluir componentes no visuales, tales como contadores de tiempo y fuentes de datos. Propiedades- Muestra las propiedades del componente seleccionado en el, Editor de Proyectos, o archivos de Windows Inspector.Tambin puede hacer clic en un elemento para que aparezca un cuadro de propiedades de ese componente.Como utilizar los componentes de la paleta, NetBeans genera automticamente cdigo, crear instancias de los objetos.Si cambia las propiedades de los componentes utilizando el panel de propiedades, que el cdigo se genera tambin.Se dar cuenta cuando se mira en el Editor de cdigo fuente que genera el cdigo aparece como el azul bloques protegidos.Se recomienda no cambiar el cdigo.Sin embargo, puede modificar el cdigo de inicializacin manera se genera e incluso escribir cdigo personalizado que se coloca dentro del cdigo de inicializacin.Para este tutorial, no cambie el cdigo generado.

Hasta ahora, se ha creado un proyecto y unJFrameclase llamadaSamplesJFrame.A continuacin, se crear en elJFramecomponente y agregar otros componentes.1. Haga clic en Panel de pestaas en la paleta, a continuacin, haga clic en el cuadrado blanco en el diseo de formularios.Esto crea unJTabbedPane.Tenga en cuenta que todos los componentes que hemos creado una lista en la ventana de informacin.2. Haga clic en el panel en la paleta, a continuacin, haga clic dentro delJTabbedPaneen el editor (puede que tenga que cambiar el tamao delJTabbedPanepor lo que es ms grande. UnJPaneles creado. Tenga en cuenta que un panel de pestaas nuevas se ha aadido aJTabbedPane.3. Agregue otroJPanelalJTabbedPaneen el Editor de Diseo.Otra ficha aparece.Usted puede agregar muchas etiquetas como desee, pero este tutorial slo cubre dos.Su ventana de informacin debe ser ahora similar a la Figura 11, y los componentes de su Editor de Diseo debe ser similar a la Figura 12.

Figura 11.Ventana Inspector

Figura 12.Diseo del editor que muestra un panel de pestaas

Haga clic en cualquiera de los objetos en el panel de Inspector, y vers que las propiedades de cada elemento aparece en el panel Propiedades. Adems, puede hacer clic en los componentes de la ventana de informacin y seleccione Propiedades en el men para que aparezca la ventana Propiedades.

Para cambiar el texto de cada ficha, haga clic en el correspondienteJPanelen la ventana de informacin.Por ejemplo, haga clic enjPane11para seleccionarlo.A continuacin, vaya a la ventana de Propiedades de la derecha y desplcese hacia abajo hasta que aparezca elttulo de la fichaen la lista.Haga clic en el botn de puntos suspensivos (...) a la derecha, y aparece una ventana emergente que le permite sustituir el texto actual.Tipo dePago Calculadoray haga clic en Aceptar.Observe que el texto aparece al instante en la vista Diseo de la ficha.Ahora cambia el texto parajPanel2, seleccinelo en la ventana de informacin, a continuacin, en la ventana de Propiedades de introducirimgenesen laficha Ttulocampo.

Para ver el cdigo generado para la aplicacin de la medida, haga clic en Fuente en la barra de herramientas encima de la del editor, como se muestra enla Figura 9arriba.El Editor de cdigo fuente revela vigilado cdigo, que por defecto es la sombra en el fondo gris, as como el cdigo que puede agregar o cambiar.Mientras examina el cdigo, puede observar que se puede contraer o expandir los segmentos de cdigo a medida que aadir a este archivo.

Figura 13.Vigilado Cdigo generado

Es posible que haya observado que un controlador de distribucin tambin se ha aadido justo debajo de cadaJPanelha agregado.Usted puede cambiar fcilmente el controlador de distribucin para los componentes de la ventana.Por ejemplo, haga clic enJPANEL1, y tenga en cuenta estas opciones de Diseo de Set.IDE GUI Builder, llamado Matisse, utiliza el esquema de trazado gerente gratuito por defecto.Este controlador de distribucin utiliza el diseo reglas simples que son fciles de trabajar.

Qu es un Controlador de Distribucin?

Un controlador de distribucin es un objeto que implementa elLayoutManagerinterfaz y determina el tamao y la posicin de los componentes dentro de un contenedor.Aunque los componentes pueden proporcionar pistas y la alineacin de tamao, de contenedores de diseo un gerente tiene la ltima palabra sobre el tamao y la posicin de los componentes dentro del contenedor.

Vuelva a la vista de diseo, y ahora debera tener una aplicacin que pone de manifiesto dos pestaas con los ttulos que ha ingresado en el cuadro de Propiedades para elJPanelobjetos.Si es necesario, cambiar el tamao deljTabbedPanelpara que ocupe todo elJFrameque lo contiene.

Para esta aplicacin, tendrs que aadir ocho etiquetas, dos campos de texto y un botn.Las etiquetas contienen la informacin para lo que el usuario debe entrar y por lo que aparecer cuando el usuario hace clic en el botn.Los campos de texto se pueden editar los datos del usuario.Los componentes deben ser dispuestos en este panel de manera que tenga sentido.Mientras que los controladores de distribucin habituales estn disponibles para usted, la disposicin gratuita de diseo es ideal para este escenario.Este controlador de distribucin le permite organizar los componentes en un nmero de maneras, y el constructor Matisse interfaz grfica de usuario hace que este muy fcil de hacer.

Para empezar a agregar los componentes de la primeraJPanel, seleccioneJPANEL1en la ventana o haga clic en lacalculadora de pagode tabulacin en el Editor de Diseo, a continuacin, haga lo siguiente:1. En la paleta, haga clic en la etiqueta, a continuacin, haga clic en el interior de laJPANEL1rea en el Editor de Diseo.Esto agrega unJLabelal formulario.2. Repita este procedimiento siete veces ms, as que hay ocho nuevas etiquetas en total.No te preocupes por donde los componentes aparecen en el rea de trabajo de ahora o lo variable de los nombres que han dado.Usted va a trabajar en esas en un momento.3. Haga clic en Campo de texto en la paleta, a continuacin, haga clic en el interior de laJPANEL1rea en el Editor de Diseo.Hacer esto de nuevo, as que hay dosJTextFields en total.4. Aadir unJButtona la forma mediante la seleccin del botn en la paleta, a continuacin, en el interior de laJPANEL1rea en el Editor de Diseo.Una vez que haya agregado los componentes, tendr que cambiar su nombre, cambiar el texto por defecto que cada muestra, y colocarlos en el panel.Puede cambiar el texto predeterminado para los componentes haciendo doble clic en el componente directamente en el Editor de Diseo, o haga clic en un componente en el Editor de Diseo o el inspector, y eligiendo Editar texto.

Cambiar el texto predeterminado para los siguientes componentes:VariableTexto

jLabel1Horas:

jLabel2Precio / hora ($):

jLabel3Regular de pago:

jLabel4Pago de horas extras:

jLabel5Total:

jButton1Calcular

Para cambiar el nombre de un componente, haga clic derecho en el Editor de Diseo o el Inspector y seleccione Cambiar nombre de variable. Cambiar los nombres de los siguientes componentes:VariableTexto

jLabel6**********

jLabel7**********

jLabel8**********

jTextField1[Blanco]

jTextField2[Blanco]

Figura 14.Diseo Viendo del Editor de Componentes cambiado el nombre

Con el fin de organizar los componentes de la manera deseada, basta con arrastrar los componentes a sus posiciones en el editor.Hacer uso de las directrices que deben mostrarse para alinear los componentes vertical y horizontal.Tambin puede cambiar el tamao de los componentes manualmente haciendo clic en sus bordes o esquinas.Organice sus componentes para que aparezcan similar a la Figura 14.

Para editar las propiedades de un componente, primero seleccione dicha propiedad, ya sea en el editor o en la ventana de informacin.propiedades de ese componente aparece automticamente en el panel Propiedades.Desplcese por los elementos, cambiando el texto, cambiando los colores de fondo o en primer plano a su gusto, el establecimiento de ancho de columna, y cambiar cualquier otra propiedad que consideren apropiada.Experimente con varias propiedades, el cambio en el valor predeterminado siempre que lo necesite.

Debido a que el usuario introduzca informacin en los dos campos de texto, sera mejor dar los nombres de variables de objetos que reflejan la informacin que se entr.Ir a la ventana de informacin, haga clic derecho en el primerJTextFieldobjeto y seleccione Cambiar nombre de variable.Escriba el nombrehoursWorked.A continuacin, cambiar el nombre de la segundaJTextFieldobjetotasa.

Comprobacin de la interfaz grfica de usuarioAl escribir cdigo en un editor de texto simple, usted tiene que compilar el cdigo con frecuencia para ver lo que su interfaz grfica de usuario se parece.NetBeans tiene una funcin de vista previa que le permite ver cmo su aplicacin se ve con un simple clic en el diseo preliminar (), Ubicado en la barra de herramientas del editor de diseo, como se muestra enla Figura 8.Haga clic en el botn Formulario de prueba, y una aplicacin de prueba aparece, mostrando su creacin.Se puede ver en esta prueba si es necesario reajustar cualquiera de los objetos en el Editor de Diseo.

Si desea compilar y ejecutar la aplicacin, que tambin es un proceso simple.Usted puede hacer uso de los iconos que aparecen en la barra de herramientas principal del IDE, haga clic en Generar () Para compilar la aplicacin, y corre () Para ejecutarlo.Tenga en cuenta que tambin puede generar y ejecutar una aplicacin utilizando las opciones en el men Generar y ejecutar desde el men principal del IDE.

Compilar la aplicacin ahora.Aviso de la salida que se muestra en la ventana de salida en la parte inferior del IDE.Una vez que la construccin est completa, puede intentar ejecutar la aplicacin.La aplicacin se ejecutar y aparecer en la pantalla.Una forma rpida de construir es pulsar F11.Tambin puede presionar F6 para ejecutar la aplicacin.

Agregar mens y las imgenesHasta el momento, esta aplicacin es una interfaz grfica sencilla y nada ms.No cuenta an con la funcionalidad.Se le agrega un controlador de eventos para el botn de pronto, pero primero debe crear un men superior para la aplicacin.

Aunque los mens son a menudo uno de los primeros objetos creados en una aplicacin, que est creando el sistema de mens ahora para demostrar lo fcil que es moverse dentro de su aplicacin, la creacin en el orden que usted necesita, sin tocar el cdigo.Esta es una de las grandes ventajas de la ventana de informacin: la manera que usted puede hacer clic en cualquier objeto dentro de su aplicacin, agregue a la misma, o moverse dentro de ella.1. En el panel Inspector, haga clic en elJFramelista y seleccione Agregar desde Paleta> Swing> Mens Barra de mens.Esto agrega unaJMenuBar.2. Expanda elJMenuBarque ha sido aadido a la ventana de informacin y el aviso de que dosJMenuobjetos se han aadido de forma predeterminada.En el Editor de Diseo, tenga en cuenta que el texto de los dosJMenuelementos esArchivoyEdicin, respectivamente. Mientras que usted puede utilizar la ventana Propiedades para cambiar los valores de todas las propiedades de un objeto dado, a menudo puede cambiar el texto directamente en el Editor de Diseo.Cambiar el texto del segundo elemento de men deedicindeAyuda.Puede hacerlo haciendo doble clic directamente sobre el texto en el editor.3. En la ventana, haga clic enjMenu1y seleccione Agregar desde Paleta> elemento de men.Esto crea unJMenuItem.4. Cambie el nombre del componente aOpenItem.Puede hacerlo haciendo clic derecho en el componente, ya sea en el Editor de Diseo o el Inspector y la eleccin de cambio de nombre variable.Si por alguna razn tienen dificultades para ver la opcin de men en el Editor de Diseo, puede hacer doble clic enjMenuBar1en la ventana, haga clic en el primerJMenucomponente (por ejemplo, conarchivosde texto).5. Cambiar el texto predeterminado paraOpenItemaabrir.Haga clic en el elemento en la ventana y selecciona Editar texto.De lo contrario, simplemente haga doble clic sobre el texto predeterminado en el Editor de Diseo y el tipo enAbrir.6. Crear otro elemento de men, siguiendo los tres pasos anteriores.Cambiar el nombre del componente aExitItem, y cambiar el texto por defecto ala salida.En la ventana, haga doble clic en elJFrame, a continuacin, haga clic enjMenuBar1.Su barra de mens ahora debe ser similar a la de la Figura 15.

El ltimo elemento para completar en la fase de interfaz grfica de esta aplicacin es el panel de imgenes (ver Figura 17), por lo que aprender a agregar imgenes fcilmente.Una forma de mostrar las imgenes es de los componentes Swing de decoracin, tales como etiquetas, botones y paneles con fichas, con un icono - una imagen de tamao fijo.Un icono es un objeto que se adhiere a losiconosde la interfaz.Swing proporciona una til aplicacin, particularmente el de la interfaz Icono:ImageIcon, que pinta un icono de un archivo JPEG, o (a partir de la versin 1.3) de imagen PNG, GIF.

Figura 15.Barra de mens

Para agregar una imagen al panel de imgenes en su interfaz grfica de usuario, puede utilizar unJLabel, y cambiar elicono dela propiedad de ese objeto para mostrar la imagen.1. Haga clic en elJPanelobjeto de la ficha Imgenes de la Informacin (o haga clic en la pestaa de imgenes en el Editor de Diseo).2. Aadir unJLabelal panel de imgenes haciendo clic en la etiqueta en la paleta, a continuacin, en el interior de las imgenesJPanelrea en el Editor de Diseo.3. Descargar estaimagen de muestray gurdelo en un lugar en el equipo.4. En la ventana Propiedades, haga clic en el botn de puntos suspensivos (...) para elicono dela propiedad.Aparece un cuadro de dilogo, lo que le permite localizar y configurar la imagen a la propiedad.5. Asegrese de queel selector de imgenesse selecciona en el desplegable de la caja superior, a continuacin, seleccione la opcin de la imagen externa.Haga clic en el botn de puntos suspensivos junto al archivo o campo de direccin URL y navegue a la imagen que guard en su ordenador.Usted debe ver una imagen aparece en el panel de vista previa en la parte inferior del cuadro de dilogo (Figura 16).Haga clic en Aceptar.6. En el Editor de Diseo, haga clic en elJLabels de texto predeterminado "que ahora aparece al lado de la imagen.A su destruccin.

Figura 16.ventana de informacin

Figura 17.Panel de imgenes

Al hacer clic en Vista previa de diseo (), Su interfaz grfica de usuario debera ser ahora similar a la Figura 17.Para ver el cdigo que se genera cuando se agreg elJLabely la imagen que acompaa, haga clic en la vista Cdigo fuente paraSamplesJFrame.java, y ver las siguientes lneas:

jLabel9 = new javax.swing.JLabel (); ... jLabel9.setIcon (javax.swing.ImageIcon nueva ("/ Users / nbuser / Escritorio / newjava.gif"));

La primera instruccin crea elJLabel, y el segundo se crea un nuevoImageIconobjeto y la imagen adjunta a la misma.A continuacin, establece elImageIconalJLabel.

Agregar controladores de eventosAhora, la interfaz grfica de usuario se ha completado, pero la aplicacin sigue sin hacer nada.Despus, usted necesita para darle funcionalidad.

los programas de la tecnologa Java se basan en hechos que describen las acciones del usuario.Estos eventos estn representados por objetos que un usuario inicia, tales como texto escrito, se pulsa un botn, o un ratn mueve sobre un componente.El componente debe escuchar para un evento si quiere controlar el evento con una accin, como mostrar texto o escribir en una base de datos.Sin una IDE, tendra que seguir estos pasos para crear controladores de eventos:1. Decidir qu tipo de evento se activa por un componente y poner en prctica la interfaz correcta2. Registrar el componente como un oyente para ese tipo de evento3. Aplicar mtodos de control de la interfazFigura 18.Cmo Eventos Trabajo

Cuando un usuario se dispara un evento a travs de un componente de interfaz grfica de usuario, una llamada al mtodo se hace a los objetos que hayan sido registradas por el componente como oyentes para el tipo de evento que se llev a cabo.Un detector de eventos es un objeto que es notificado cuando se produce un evento.Los eventos generados desde los botones y campos de texto la necesidad de clase para implementar elActionListenerinterfaz.Al implementar esta interfaz, tambin debe implementar un mtodo de escucha.

NetBeans simplifica la creacin de controladores de eventos mediante la creacin de gran parte del cdigo para usted.Usted necesita saber que la interfaz que necesita para poner en prctica, y luego tendrs que escribir el cdigo de la lgica que va a laescucha demtodo.

Ir a la vista Diseo y en el editor, haga clic en el botn que ha creado, a continuacin, haga clic derecho y elegir Eventos> Accin> Accin realizada.A continuacin, se toma a la vista de origen y se muestra lo siguiente:

private void jButton1ActionPerformed (java.awt.event.ActionEvent evt) {/ / TODO aadir su cdigo de control de aqu:}Adems, las siguientes lneas de cdigo se han agregado para registrar el botn con un oyente:jButton1.addActionListener (java.awt.event.ActionListener nuevo () {public void actionPerformed (java.awt.event.ActionEvent evt) {jButton1ActionPerformed (evt);}});Debido a que el usuario est introduciendo la informacin en el campo de texto, que los datos se presenta en unacadena.Tendr que analizar estas cadenas en tipos viables, tales comointodoble.A continuacin, tendr que realizar los clculos para determinar cuntas horas son regulares y cuntas son las horas extraordinarias.Una vez que estas cantidades son determinados, se puede calcular un salario regular y el pago de horas extras, a continuacin, total de las dos cantidades.Por ltimo, tendrs que convertir los nmeros a los montos en dlares.

Las clases que necesita para conocer sonint,double, yNumberFormat.

Una necesidad comn es la de convertir las cadenas a valores numricos.Una vez que estos se convierten, usted puede manipular ese valor como cualquier otro dato primitivos (por ejemplo, unint,float, odoble).El problema es que cuando se lee de un archivo, recibe un argumento de lnea de comandos, obtener un parmetro del applet, o simplemente del sistema para la entrada de un campo de texto en un formulario, que siempre comienzan con unacadenade objetos.El tratamiento queStringcomo un primitivo requiere un paso adicional, la conversin.

Para convertir unStringse utiliza una clase de contenedor.Cada primitiva tiene una clase contenedora asociados.Estas clases contenedoras le permiten tratar a los primitivos como objetos.Adems, estas clases contienen mtodos que permiten la manipulacin de estos objetos, apropiado para el tipo de datos.

La siguiente lista muestra la asignacin de un tipo primitivo de contenedor de clase.En casi todos los casos, la clase contenedora tiene el mismo nombre que el tipo de datos primitivo, con la primera letra en mayscula:

- Int corto - corto - Byte Byte Entero largo - largo char - Personaje del flotador - flotador doble - doble booleana BoleanCada una de estas clases contenedoras, excepto elcarcterde clase, tiene un mtodo que te permite convertir de unacadenaal tipo primitivo especfica.Simplemente llame el mtodo de la clase contenedora su caso, y sucadenase convierte en un tipo primitivo:Cadena MyString = "12345"; myInt int = Integer.parseInt (MyString);Esto convierte el contenido de lacadenavariableMyStringa unintllamadomyInt.La conversin es tan fcil.El nico truco es que la conversin de cada tipo de datos consiste en un llamado mtodo nico en cada clase de contenedor.Todos, excepto las conversiones booleanas son realizados por el nombre mtodos similares, pero todos los nombres de los mtodos son diferentes:

byte - Byte.parseByte (unaCadena) -Short - Short.parseShort (unaCadena)int - Integer.parseInt (unaCadena)Long - Long.parseLong (unaCadena)Flotante - Float.parseFloat (unaCadena)doble - Double.parseDouble (unaCadena)booleana - Boolean.valueOf (unaCadena) booleanValue ().;Hay una excepcin: Elcarcterde clase no tiene un mtodo tal, as que tienes que hacercuerdaspara el personaje con elcharAt ()mtodo:

/ / La variable e es el correo carcter de la cadena Hola String hola = "Hola", e char = hello.charAt (1);Si lacadenacontenido no se puede convertir en el primitivo tipo solicitado, a continuacin, unaNumberFormatExceptionse produce.Se trata de una excepcin de tiempo de ejecucin, por lo que el cdigo de conversin no tiene que estar en un bloque try-captura.

ElNumberFormatclase se utiliza para imprimir los nmeros correctamente.Impresin de nmeros a la pantalla puede producir algunos resultados no deseados o impar.Por ejemplo:

public class printNum {public static void Main (args String []) {doble cantidad = 400,000.00; System.out.println ("Ella pag" + cantidad + "para la casa.");}}resultados en:

Ella pag 400,000.0 para la casa.Puede controlar el formato de visualizacin y organizar la entrada en el formato de salida es necesario mediante elNumberFormatclase abstracta en elpaquete de java.text.Esta clase proporciona la interfaz para analizar y formato a los nmeros, e incluye los mtodos para determinar qu locales tienen formatos de nmero y cules son sus nombres.La clase tiene mtodos para tres formatos estndar: getInstanceogetNumberInstanceobtiene un formato para el formato de nmero normal, tales como 600.000. getCurrencyInstanceobtiene un formato para el formato de nmero de moneda, por ejemplo, $ 600,000.00. getPercentInstanceobtiene un formato para mostrar porcentajes, como por ejemplo el 56%.Para dar formato a una, comienzan primitiva mediante la devolucin de un objeto de tipoNumberFormatllamando a uno de los mtodos anteriores.

nf NumberFormat = NumberFormat.getCurrencyInstance ();Para tener la certeza de la cantidad es el formato correcto para un pas especfico, se especifica la configuracin regional de la siguiente manera:

nf NumberFormat = NumberFormat.getCurrencyInstance (Locale.US);El resultado es:

Ella pag $ 400,000.00 para la casa.Para compilar estos, tendrs que importar los siguientes paquetes y agregar a la parte superior del archivo:

java.text.NumberFormat importacin; java.util.Locale de importacin;Ahora, de vuelta a la aplicacin que estamos construyendo: Agregue el cdigo siguiente a lajButton1ActionPerformed ()mtodo controlador de eventos.Leer los comentarios en el cdigo, que proporcionan una explicacin.Si eres nuevo en el uso deif / elsedeclaraciones, leerLenguaje de Programacin Java Bsico: if / else y switch ', que es una parte de latecnologa Java.

/ / Obtiene el nmero de horas trabajadas desde el campo de texto y, a continuacin se analiza a int tipo, int.Hw = Integer.parseInt (hoursWorked.getText ())/ / Obtiene la tasa de pago consignados en el campo de texto, y lo analiza para doble.tipo double rateEntered = Double.parseDouble (rate.getText ());// Crea dos variables de tipo double para su uso posterior.regularPay doble = 0; overTimePay doble = 0;/ / if simple para los clculos deif (> hw 40) {regularPay = 40 * rateEntered;overTimePay (hw = - 40) * 1.5 * rateEntered;}else {regularPay * hw = rateEntered;overTimePay = 0.0;}/ / Crea una variable de ambos tipos de pagocombinado = doble. totales regularPay + overTimePay;/ / Crea variables sobre el nmero de formatoNumberFormat nfRegular = NumberFormat.getCurrencyInstance (Locale.US);nfOverTime NumberFormat = NumberFormat.getCurrencyInstance (Locale.US);nfTotal NumberFormat = NumberFormat.getCurrencyInstance (Locale.US);/ / Escribe los totales en el formato correcto a laregularPayField.setText etiquetas ("" + nfRegular.format (regularPay)); overtimePayField.setText ("" + nfOverTime.format (overTimePay));totalField.setText ("" + nfTotal.format ( total));

Despus de entrar en el cdigo anterior, asegrese de agregar las importaciones deNumberFormatyconfiguracin regional.Usted puede hacer esto haciendo clic derecho en el Editor de cdigo fuente y la eleccin de las importaciones Fix.Aparece un cuadro de dilogo (Figura 19), mostrando que la clase nombres completos plenamente que coinciden con las clases no reconocido utilizado en el archivo.

Compilar y ejecutar la aplicacin.Prubelo por horas trabajadas de entrar y pagar la tasa.Su solicitud debe ser similar ala Figura 7arriba.

Figura 19.Fijar todas las importaciones de dilogo

Se dar cuenta de que los mens siguen siendo funcionales.Puedes seguir el mismo procedimiento para agregar eventos a los elementos del men archivo.En la ventana, haga clic enExitItemy elija Eventos> Accin> actionPerformed.Se le enviar al editor de cdigo, donde se puede ver el siguiente cdigo:

private void ExitItemActionPerformed (java.awt.event.ActionEvent evt) {/ / TODO aadir su cdigo de control de aqu:}Escriba el siguiente cdigo (los cambios ennegrita):private void ExitItemActionPerformed (java.awt.event.ActionEvent evt) {/ / TODO aadir su cdigo de control de aqu:System.exit (1);}Seleccione Limpiar y Proyecto Generar, a continuacin, ejecutar la aplicacin, cerrarla con el men Salir.Siga el mismo procedimiento para cada elemento del men y cualquier otro objeto que requieren la funcionalidad.

Si hay algn objeto que no desea en su aplicacin, seleccione el objeto en el Inspector.Haga clic y seleccione Suprimir.El artculo inmediatamente desaparece de la vista.A continuacin, puede limpiar y generar () La aplicacin y ejecutarla para comprobar los cambios.Prueba esto mediante la supresin deOpenItem.Vers que la limpieza es un proceso fcil.

Documentar su trabajoLa documentacin de su aplicacin es siempre una buena idea, especialmente si las personas estn trabajando en un proyecto.Esta aplicacin de ejemplo es un poco pequeo para una buena demostracin de la caracterstica de la herramienta Javadoc, pero los pasos siguientes le proporcionan una idea del tipo de informacin que entra en la documentacin y ver cmo NetBeans hace todo el trabajo duro por usted.

Haga clic en la ventana de archivos, a continuacin, haga clic en el nodo del proyecto.Vaya al men Construir y seleccione Generar Javadoc para JavaApplication (o el nombre que dio a su proyecto).El IDE genera el Javadoc en eldist>javadoccarpeta, y ver la salida prevista en la ventana de salida.A continuacin, una ventana del navegador aparece con la documentacin en formato HTML.Haga clic enSamplesJFrame, y desplcese hacia abajo para ver la documentacin.Esta aplicacin no requiere mucha documentacin, pero si contina la construccin de este proyecto o pasar a otros proyectos de mayor envergadura, Javadoc ser muy til.

ResumenHa completado una aplicacin de escritorio pequeo y se enter de algunos de los fundamentos de la IDE de NetBeans.Una gran ventaja de utilizar la plataforma NetBeans IDE es que no lo superan.A medida que el desarrollo de conocimientos y habilidades a construir, se puede profundizar en otras tecnologas y plataformas, tales como el desarrollo web, incluyendo EJB y aplicaciones de servicios web o aplicaciones mviles utilizando la Java Micro Edition (Java ME) de la plataforma.Adems, NetBeans es extensible, lo que significa que muchas de las extensiones o mdulos, que el trabajo en NetBeans tambin trabajar de forma integrada dentro de otros productos.El IDE evoluciona con sus necesidades y experiencia, y que se basan en la experiencia que ganar con una plataforma comn de IDE, en lugar de tener que aprender un conjunto de herramientas completamente nueva medida que cambien sus necesidades.Principio del formularioFinal del formulario

Aprendiendo Swing con el IDE NetBeansEsta leccin ofrece una introduccin a la interfaz grfica de usuario (GUI) de programacin con Swing y el IDE NetBeans. el IDE NetBeans es un pas libre, de cdigo abierto, multiplataforma entorno de desarrollo integrado cruz con soporte integrado para el lenguaje de programacin Java. Ofrece muchas ventajas sobre la codificacin con un editor de texto , se recomienda su uso siempre que sea posible.Si usted todava no ha ledo la leccin anterior, por favor tome un momento para hacerlo ahora.Se proporciona informacin valiosa acerca de cmo descargar e instalar el JDK y el IDE NetBeans.El objetivo de esta leccin es introducir a la API de Swing mediante el diseo de una sencilla aplicacin que convierte la temperatura de Celsius a Fahrenheit.Su interfaz grfica de usuario ser bsica, centrndose slo en un subconjunto de los componentes Swing disponibles.Vamos a utilizar el IDE de NetBeans GUI builder, lo que hace de interfaz de usuario la creacin de una simple cuestin de arrastrar y soltar.Su cdigo de opcin de generacin automtica simplifica el proceso de desarrollo de interfaz grfica de usuario, lo que le permite centrarse en la lgica de la aplicacin en lugar de la infraestructura subyacente.Debido a que esta leccin es un paso a paso lista de acciones especficas a tomar, se recomienda que ejecute el IDE NetBeans y realizar cada paso a medida que lee a lo largo.Esta ser la manera ms fcil y ms rpida para comenzar la programacin con Swing.Si usted no puede hacerlo, slo tiene que leer a lo largo todava debe ser til, ya que cada paso se ilustra con capturas de pantalla.Si prefiere el enfoque tradicional de la programacin de cada componente de forma manual (sin la ayuda de un IDE), que de esta leccin como un punto de entrada al nivel de los debates ms bajos ya previstos en otras partes del tutorial.Hipervnculos en cada discusin le llevar a las correspondientes lecciones, si desea aprender de nivel inferior tales detalles.El acabado interfaz grfica de usuario para esta aplicacin se ver como sigue:

La aplicacin CelsiusConverter.Desde finales de la perspectiva de un usuario, el uso es sencillo: introducir una temperatura (en grados Celsius) en el cuadro de texto, haga clic en el botn "Convertir", y observar la temperatura convertida (en grados Fahrenheit) en la pantalla.La minimizar, maximizar y cerrar botones se comportan como se esperaba, y la aplicacin tambin tiene un ttulo que aparece en la parte superior de la ventana.Desde la perspectiva de un programador, vamos a escribir la aplicacin en dos etapas principales.En primer lugar, vamos a llenar la interfaz grfica de usuario con los componentes Swing diversos y organizar como se muestra arriba.Entonces, vamos a agregar la lgica de la aplicacin, de modo que el programa realmente realiza una conversin cuando el usuario presiona el botn "Conver

Configuracin del proyecto CelsiusConverterSi usted ha trabajado con el IDE NetBeans en el pasado, gran parte de esta seccin le resultar familiar, ya que los primeros pasos son similares para la mayora de los proyectos. Sin embargo, los pasos siguientes se describen los ajustes que son especficos para esta aplicacin, as que tenga cuidado para seguir muy de cerca.Paso 1: Crear un nuevo proyectoPara crear un nuevo proyecto, iniciar el IDE NetBeans y elija Nuevo proyecto en el men Archivo:

Crear un nuevo proyectoAtajos de teclado para cada comando aparecer en el extremo derecho de cada elemento del men.La apariencia del IDE de NetBeans pueden variar entre plataformas, pero la funcionalidad seguir siendo el mismo.Paso 2: Seleccione General - Aplicacin de Java>A continuacin, seleccione General de la columna de las categoras, y la aplicacin Java desde la columna de Proyectos:

Usted puede notar la mencin de "J2SE" en el panel de descripcin, es el antiguo nombre de lo que hoy es conocido como el "Java SE" plataforma. Prensa que el botn "Siguiente" para continuar.Paso 3: Establecer un nombre de proyectoA continuacin, introduzca "CelsiusConverterProject" como el nombre del proyecto.Usted puede salir de la ubicacin del proyecto y la carpeta campos de Project establece en sus valores por defecto, o haga clic en el botn Examinar para seleccionar una ubicacin alternativa en el sistema..Asegrese de que para anular la seleccin "Crear clase principal" casilla, dejando esta opcin seleccionada genera una nueva clase como punto de entrada principal de la aplicacin, pero nuestra principal ventana de interfaz grfica de usuario (creado en el paso siguiente) contribuir a este propsito, por lo que marcar esta casilla no es necesario. Haga clic en el botn "Finalizar" cuando haya terminado..Cuando termine de cargar el IDE, ver una pantalla similar a la anterior.Todos los paneles estar vaca, excepto para el panel de Proyectos en la esquina superior izquierda, que muestra el proyecto recin creado.Paso 4: Aadir un formulario JFrame

Ahora haga clic en el nombre CelsiusConverterProject y seleccione Nuevo -> Formulario JFrame (JFramees la clase Swing responsable de la estructura principal para su aplicacin.) Usted aprender a designar a esta clase como punto de entrada de la solicitud de la tarde en esta leccin.Paso 5: Nombre de la clase de interfaz grfica de usuarioA continuacin, escribaCelsiusConverterGUIcomo el nombre de la clase, yaprendercomo el nombre del paquete.Usted puede en realidad el nombre de este paquete de cualquier cosa que quieras, pero aqu estamos siguiendo la convencin tutorial de nombrar el paquete despus de la leccin en la que se reside.

El resto de los campos de forma automtica, deben rellenarse, como se muestra arriba. Haga clic en el botn Finalizar cuando haya terminado.

Cuando termine de cargar el IDE, el panel de la derecha mostrar un tiempo de diseo, visualizacin grfica de laCelsiusConverterGUI. Es en esta pantalla que visualmente arrastrar, soltar y manipular los componentes Swing diferentesNetBeans IDE BsicoNo es necesario conocer todas las caractersticas del IDE de NetBeans antes de explorar sus capacidades de creacin de interfaz grfica de usuario. De hecho, las nicas caractersticas que usted realmente necesita entender es lapaleta, elrea de diseo, elEditor de propiedades, y elInspector. Discutiremos estas caractersticas a continuacin.La paletaLa paleta contiene todos los componentes que ofrece el API Swing.Usted probablemente ya se puede adivinar lo que muchos de estos componentes son para, incluso si sta es su primera vez con ellos (JLabeles una etiqueta de texto,JListes una lista desplegable hacia abajo, etc)

De esta lista, nuestra aplicacin utilizar sloJLabel(una etiqueta de texto de base "),JTextField(para que el usuario introduzca la temperatura), yJButton(para convertir la temperatura de Celsius a Fahrenheit.)El rea de DiseoEl rea de Diseo es donde visualmente construir su interfaz grfica de usuario. Cuenta con dos puntos de vistavista de origen, y lavista de diseo. vista Diseo es el valor predeterminado, como se muestra a continuacin.Puede alternar entre las vistas en cualquier momento haciendo clic en sus fichas respectivas.

La figura anterior muestra un soloJFrameobjeto, representada por la sombra de gran rectngulo con borde azul.Comnmente el comportamiento esperado (como dejar de fumar cuando el usuario hace clic en el botn "Cerrar") es generado automticamente por el IDE y aparece en la vista de origen entre las secciones no editables azul del cdigo conocido comobloques de vigilancia.

Un rpido vistazo a la vista de origen revela que el IDE ha creado un mtodo privado denominadoinitComponents, que inicializa los diversos componentes de la interfaz grfica de usuario.Tambin le dice a la aplicacin de "salida de cerca", realiza algunas tareas especficas de diseo-, entonces los paquetes de los que pronto se aadirn) componentes (juntos en la pantalla.No sienta que usted necesita entender el cdigo en detalle, sino que lo menciono aqu simplemente para explorar la ficha fuente:. Para obtener ms informacin acerca de estos componentes, consulteEl Editor de PropiedadesEl Editor de propiedades hace lo que su nombre indica: le permite editar las propiedades de cada componente.El Editor de propiedades es de uso intuitivo y en l podrs ver una serie de filas - una fila por la propiedad - que puede hacer clic y editar sin entrar en el cdigo fuente directamente.La siguiente figura muestra el Editor de Propiedades para el recin agregadoJFrameobjeto:.La imagen anterior muestra las diversas propiedades de este objeto, como color de fondo, color de primer plano, la fuente, y el cursor.El InspectorEl ltimo componente del IDE NetBeans que utilizaremos en esta leccin es el Inspector:

El InspectorEl Inspector proporciona una representacin grfica de los componentes de su aplicacin. Vamos a usar el Inspector de una sola vez, para cambiar una variable de unos pocos nombres a algo distinto de los predeterminados.

Creacin de la interfaz grfica de usuario CelsiusConverterEn esta seccin se explica cmo usar el IDE NetBeans para crear la aplicacin de la interfaz grfica de usuario. Al arrastrar cada componente de la paleta al rea de diseo, el IDE genera automticamente el cdigo fuente apropiada.Paso 1: Coloque el ttuloEn primer lugar, establecer el ttulo de la aplicacin deJFramecon "C Convertidor", a cargo de un solo clic en elJFrameen la ventana:

Seleccin de los JFrameA continuacin, establezca su ttulo con el Editor de Propiedades:

Configuracin del TtuloPuede configurar el ttulo haciendo doble clic en el ttulo de propiedad y entrar en el nuevo texto directamente, o haciendo clic en ele introduciendo el ttulo en el campo correspondiente.O, como un acceso directo, puede un solo clic en elJFramedel inspector y entrar en su nuevo texto directamente sin usar el editor de propiedades.Paso 2: Agregue un JTextFieldA continuacin, arrastre unJTextFieldde la paleta a la esquina superior izquierda del rea de diseo.Al acercarse a la esquina superior izquierda, el constructor de interfaz grfica de usuario proporciona indicaciones visuales (lneas discontinuas) que sugieren que el espacio apropiado.El uso de estas seales como una gua, la cada de unJTextFielden la esquina superior izquierda de la ventana como se muestra a continuacin:

Adicin de un JTextFieldUsted puede tener la tentacin de borrar el texto predeterminado "JTextField1", pero basta con dejarlo en su lugar por ahora.Vamos a reemplazar ms adelante en esta leccin como lo hacen los ajustes finales para cada componente..Paso 3: Aadir un JLabelA continuacin, arrastre unJLabelen el rea de diseo.Colocar a la derecha de laJTextField, una vez ms atentos a las seales visuales que sugieren que una cantidad adecuada de espacio.Asegrese de que el texto base para este componente se alinea con la de losJTextField. Las seales visuales proporcionadas por el IDE debe hacer tan fcil de determinar.

Adicin de un JLabelPaso 4: Agregar un JButtonA continuacin, arrastre unJButtonde la paleta y la posicin hacia la izquierda y debajo delJTextField. Una vez ms, las seales visuales ayudar a guiar en su lugar.

Adicin de un JButtonUsted puede tener la tentacin de ajustar manualmente el ancho de laJButtonyJTextField, pero dejarlas como estn por el momento.Usted aprender cmo ajustar correctamente estos componentes ms adelante en esta leccin.Paso 5: Agregar un JLabel Segunda

Adicin de un JLabel SegundaPor ltimo, aadir un segundoJLabel, repitiendo el proceso en el paso 2.Coloque esta segunda etiqueta hacia la derecha de laJButton, como se muestra arribaAjuste de la interfaz grfica de usuario CelsiusConverterCon los componentes GUI ahora en su lugar, es hora de hacer los ajustes finales;. Hay algunas diversas maneras de hacer esto el orden sugerido aqu es slo uno de los enfoques posibles.Paso 1: Establecer el texto de componentesEn primer lugar, haga doble clic en elJTextFieldy elJButtonpara cambiar el texto predeterminado que se ha insertado por el IDE.Al borrar el texto delJTextField, que se reducir en tamao como se muestra a continuacin.Cambiar el texto de laJButtonde "JButton1" a "Convertir".Tambin cambiar la parte superiorJLabeltexto a "C" y sobre el fondo a "Fahrenheit".

Ajuste del texto de componentesPaso 2: Establecer el tamao de componentesA continuacin, turno de clic en elJTextFieldy elJButtoncomponentes.Esto resaltar cada demostrando que son seleccionados.Haga clic con el botn (control-clic en Mac) en la misma Dimensiones - Ancho de la misma>.Los componentes de ahora ser la misma anchura, como se muestra a continuacin.Al realizar este paso, asegrese de queJFrames mismo no es seleccionado.Si es as, el men Tamao de la misma no se activa.

Marco los tamaos y JTextField JButtonPaso 3: Quitar espacio adicionalPor ltimo, tome la esquina derecha inferior delJFramey ajustar su tamao para eliminar cualquier espacio en blanco adicional.Tenga en cuenta que si se elimina todo el espacio extra (como se muestra a continuacin) el ttulo (que slo aparece en tiempo de ejecucin) no puede mostrar por completo.El usuario final es libre de cambiar el tamao de la aplicacin que desee, pero es posible que desee dejar un poco de espacio adicional en el lado derecho para asegurarse de que todo encaja correctamente.Experimento, y el uso de la captura de pantalla de la interfaz grfica de usuario termin como una gua.

La interfaz grfica de usuario Completado

La fase de interfaz grfica de esta aplicacin se ha completado!Si el IDE de NetBeans ha hecho su trabajo, usted debe sentir que la creacin de esta interfaz grfica de usuario era una, si no es trivial, una tarea sencilla.Pero tmese un minuto para hacer clic en la ficha de la fuente; usted puede ser sorprendido por la cantidad de cdigo que se ha generado.

Para ver el cdigo en su totalidad, desplcese hacia arriba y hacia abajo en el IDE cuando sea necesario. Puede expandir o contraer ciertos bloques de cdigo (tales como cuerpos de mtodo) haciendo clic en el smbolo + o - en la mano izquierda del editor de cdigo fuente.Adicin de la lgica de aplicacinAhora es el momento de aadir en la lgica de la aplicacin.Paso 1: Cambie los nombres de variable por defectoLa siguiente figura muestra los nombres de variable por defecto, ya que actualmente aparecen en el Inspector.Para cada componente, el nombre de la variable aparece en primer lugar, seguido por el tipo de objeto entre corchetes.Por ejemplo,jTextField1 [JTextField]significa que "jTextField1" es el nombre de la variable y "JTextField" es su tipo.

Nombres de variable por defectoLos nombres por defecto no son muy relevantes en el contexto de esta solicitud, as que tiene sentido para ellos el cambio de sus valores por defecto a algo que es ms significativo.Haga clic en cada nombre de variable y elegir la opcin "Cambiar nombre de la variable."Cuando haya terminado, los nombres de variable debe aparecer como sigue:

Nuevos nombres de variableLos nuevos nombres de variable son "tempTextField", "celsiusLabel", "convertButton", y "fahrenheitLabel." Cada cambio que haga en la ventana automticamente propagar su camino de regreso en el cdigo fuente. Usted puede estar seguro de que la compilacin no se producir un error debido a errores tipogrficos o errores de esa naturaleza - los errores que son comunes al editar a mano.Paso 2: Registro de la Oyentes de eventosCuando un usuario interacta-end con una interfaz grfica de usuario componente Swing (como hacer clic en el botn Convert), ese componente va a generar un tipo especial de objeto - llamadoobjeto de evento- que luego se difunde a cualquier otro objeto que previamente se han registrado comooyentesese evento. para el IDE NetBeans hace escucha de registro de eventos extremadamente simple:

En el rea de diseo, haga clic en el botn Convertir para seleccionarlo.Asegrese de quesloel botn Convert es seleccionado (si la propia JFrame tambin est seleccionada, este paso no va a funcionar.) Haga clic en el botn Convertir y elija Eventos -> Accin -> actionPerformed.Esto generar el cdigo de control de eventos requiere, dejndole con cuerpos de mtodo vaco en el que aadir su propia funcionalidad:

Hay muchos tipos de eventos diferentes que representan los diversos tipos de acciones que un usuario final puede (hacer clic en el ratn desencadena un tipo de evento, escribiendo en el teclado desencadena otro, moviendo el ratn otro, etc.) Nuestra solicitud es slo se refiere a la ActionEvent.Paso 3: Aadir el cdigo de conversin de temperaturaEl ltimo paso es pegar simplemente el cdigo de conversin de temperatura en el cuerpo de mtodo vaco Fahrenheit. El siguiente cdigo es todo lo necesario para convertir una temperatura de grados Celsius a:

/ / Analizar grados centgrados como un doble y convertir a Fahrenheitint. TempFahr = (int) ((Double.parseDoubletempTextField32. gettext ())) * 1.8 +32); fahrenheitLabel. setText (tempFahr + "Fahrenheit");

Basta con copiar el cdigo y pegarlo en el mtodo convertButtonActionPerformed como se muestra a continuacin:

Con el cdigo de conversin en su lugar, la aplicacin se ha completado.Paso 4: Ejecutar la aplicacinEjecucin de la aplicacin es simplemente una cuestin de elegir Ejecutar -> Ejecutar proyecto principal en el IDE NetBeans.La primera vez que ejecute esta aplicacin, se le pedir con un cuadro de dilogo preguntando para establecerCelsiusConverterGUIcomo la clase principal para este proyecto.Haga clic en el botn Aceptar, y cuando el programa termine de compilar, se debera ver la aplicacin que se ejecuta en su propia ventana.Enhorabuena!Usted ha completado la primera aplicacin Swing!El diseo de una GUI Swing en NetBeans IDE

Este tutorial le gua a travs del proceso de creacin de la interfaz grfica de usuario (GUI) para una aplicacin llamada ContactEditor utilizando el IDE NetBeans GUI Builder.En el proceso que se diseo una interfaz grfica de gama que le permite ver y editar la informacin de contacto de los individuos incluidos en una base de datos de los empleados.

En este tutorial aprender a: El uso de la interfaz GUI Builder Crear un contenedor de interfaz grfica de usuario Agregar componentes Cambiar el tamao de los componentes Alinear componentes Ajuste de anclaje de componentes Establecer el comportamiento de componentes de Auto-Cambio de tamao Editar propiedades de componentesPrimeros pasosEl IDE GUI Builder permite crear interfaces grficas de aspecto profesional sin una comprensin ntima de los administradores de diseo.Usted puede disear sus formularios simplemente colocando los componentes donde quieras.

Crear un proyectoDebido a que todo el desarrollo de Java en el IDE se lleva a cabo dentro de los proyectos, primero tenemos que crear un nuevoContactEditorproyecto en el que almacenar fuentes y otros archivos de proyecto.Un proyecto de IDE es un conjunto de archivos fuente de Java ms sus metadatos asociados, incluidas las propiedades de los archivos especficos del proyecto, una hormiga script que controla la configuracin de generar y ejecutar, y unproject.xmlarchivo que se asigna objetivos a los comandos de Ant IDE.Mientras que las aplicaciones Java a menudo se componen de varios proyectos de IDE, a los efectos de este tutorial, vamos a construir una sencilla aplicacin que se almacena en su totalidad en un solo proyecto.

Para crear un nuevoContactEditorproyecto de aplicacin:1. Seleccione Archivo> Nuevo proyecto.Alternativamente, puede hacer clic en el icono Nuevo proyecto en la barra de herramientas del IDE.2. En el panel Categoras, seleccione el nodo de Java y en el panel de Proyectos, seleccione Java Application.Haga clic en Siguiente.3. IntroduzcaContactEditoren el campo Nombre del proyecto y especifique la ubicacin del proyecto.4. Deja el uso dedicado de carpetas para almacenar bibliotecas casilla de verificacin sin seleccionar.5. Asegrese de que la casilla de verificacin Establecer como principal proyecto es seleccionado y desactivar la Creacin principal campo de clase.6. Haga clic en Finalizar.El IDE crea elContactEditorcarpeta del sistema en la ubicacin designada.Esta carpeta contiene todos los archivos asociados de proyecto, incluyendo su guin de Ant, carpetas para almacenar fuentes y las pruebas, y una carpeta para metadatos especficos del proyecto.Para ver la estructura del proyecto, el uso del IDE Archivos de la ventana.

Creacin de un contenedor de JFrameDespus de crear la nueva aplicacin, te habrs dado cuenta que los paquetes de carpeta de origen en la ventana de proyectos contiene un vaco Formulario JFrame.Alternativamente, usted puede encontrar un formulario de JFrame eligiendo Nuevo> Otros> Swing GUI Formularios> Formulario JFrame.2. IntroduzcaContactEditorUIcomo el nombre de clase.3. Introduzcamy.contacteditorque el paquete.4. Haga clic en Finalizar.El IDE crea elContactEditorUIforma y elContactEditorUIclase dentro de laContactEditorUI.javaaplicacin y abre laContactEditorUIse forman en el GUI Builder.Observe que elmy.contacteditorpaquete reemplaza el paquete por defecto.Familiarizarse con el GUI BuilderAhora que hemos creado un nuevo proyecto para nuestra aplicacin, vamos a tomar un minuto para familiarizarnos con la interfaz grfica de usuario de la interfaz del constructor.

Cuando agregamos el contenedor JFrame, el IDE inaugur la nueva creacinContactEditorUIforma en una ficha Editor con una barra de herramientas contiene varios botones, como se muestra en la ilustracin anterior.La forma ContactEditor abri sus puertas en GUI Builder vista Diseo y tres ventanas adicionales apareci de forma automtica a lo largo de los bordes de la IDE, lo que le permite navegar, organizar y editar formas GUI medida que se generan.Las distintas ventanas GUI Builder incluyen: rea de Diseo.constructor principal de la ventana del GUI para crear y editar formas de Java GUI.La barra de herramientas Fuente y cambiar los botones de diseo le permiten ver la clase de cdigo fuente o una vista grfica de sus componentes GUI.Los botones de la barra de herramientas adicional de facilitar el acceso a los comandos ms comunes, tales como la eleccin entre los modos de conexin y seleccin, alineando los componentes, el ajuste auto-cambio de tamao de comportamiento de los componentes, y vista previa de las formas. Inspector.Proporciona una representacin de todos los componentes, tanto visuales y no visuales, en su aplicacin como una jerarqua de rbol.El Inspector tambin proporciona informacin visual acerca de qu componente en el rbol se est editando en el generador de interfaz grfica de usuario, as como le permite organizar los componentes en los paneles disponibles. Paleta.una lista personalizable de componentes disponibles que contienen etiquetas de JFC / AWT, y JavaBeans componentes Swing, as como los administradores de diseo. Adems, puede crear, eliminar y reordenar las categoras que aparecen en la paleta con el customizer. Ventana de propiedades.Muestra las propiedades del componente seleccionado en el generador, el inspector ventana de interfaz grfica de usuario, la ventana Proyectos, o en la ventana de archivos.

Si hace clic en el botn Fuente, el IDE muestra la aplicacin Java de cdigo fuente en el Editor con secciones de cdigo que se genera automticamente por el generador de interfaz grfica de usuario indicado por reas azules, llamado vigilado bloques.Vigilado bloques son reas protegidas que no se pueden editar en la vista Cdigo fuente.Slo se puede editar el cdigo que aparece en las reas blancas del editor, cuando en la vista Cdigo fuente.Si necesita realizar cambios en el cdigo dentro de un bloque de guardado, hacer clic en el botn Diseo devuelve IDE Editor de la GUI Builder, donde puedes hacer los ajustes necesarios a la forma.Al guardar los cambios, las actualizaciones IDE archivo de fuentes.

Nota:Para desarrolladores avanzados, el Administrador de la paleta disponible que le permite agregar componentes personalizados de JAR, bibliotecas, u otros proyectos a la paleta.Para agregar componentes personalizados a travs del Administrador de la paleta, seleccione Herramientas> Paleta> Swing / AWT Componentes.Conceptos claveEl IDE GUI Builder resuelve el problema central de Java, la creacin de interfaz grfica de usuario mediante la racionalizacin del flujo de trabajo de la creacin de interfaces grficas, liberando a los desarrolladores de las complejidades del Swing controladores de distribucin.Para ello, se prorroga el actual NetBeans IDE GUI Builder para apoyar un sencillo "Free Design" paradigma de las normas de diseo simples que son fciles de entender y utilizar.Como disear el formulario, el GUI Builder proporciona pautas visuales que sugieren espaciamiento ptimo y la alineacin de los componentes.En el fondo, el generador de interfaz grfica de usuario se traduce en sus decisiones de diseo en un funcional interfaz de usuario que se implementa mediante el gestor de GroupLayout nuevo diseo y construcciones de Swing.Debido a que utiliza un modelo de diseo dinmico, interfaz grfica de usuario construido con el generador de interfaz grfica de usuario se comportan como cabra esperar en tiempo de ejecucin, el ajuste para adaptarse a los cambios que realice, sin alterar las relaciones definidas entre los componentes. Cada vez que cambia el tamao de la forma, lugares interruptor, o especificar otro apariencia, su interfaz grfica de usuario se ajusta automticamente a respetar el objetivo de buscar y sentir de inserciones y las compensaciones.

Diseo LibreEn la dcada de GUI Builder IDE, usted puede construir su forma simplemente poniendo componentes donde quieras como si fueras un sistema de posicionamiento absoluto.La GUI Builder se da cuenta de que los atributos de diseo son necesarios y genera el cdigo de forma automtica.Usted no necesita preocuparse con las inserciones, anclajes, rellenos, etc.

Posicionamiento automtico de componentes (Ajuste)Medida que se aaden componentes a un formulario, el Generador de interfaz grfica de usuario proporciona informacin visual que ayuda a los componentes de posicionamiento basado en el sistema operativo de su mirada y se siente.La GUI Builder proporciona tiles consejos en lnea y la informacin visual con respecto a otras donde los componentes deben ser colocados en su forma, ajuste de forma automtica los componentes en su posicin a lo largo de las directrices.Esto hace que estas sugerencias basadas en las posiciones de los componentes que ya han sido colocados en la forma, al tiempo que permite el relleno de permanecer flexible, que se ven objetivo diferente y se siente representar correctamente en tiempo de ejecucin.Visual votosEl Constructor de GUI tambin proporciona informacin visual sobre los componentes de anclaje y el encadenamiento de relaciones.Estos indicadores permiten identificar rpidamente las relaciones de posicionamiento diferentes y la fijacin comportamiento de los componentes que afectan a la forma en que su GUI ambos parecen y se comportan en tiempo de ejecucin.Esto acelera el proceso de diseo de interfaz grfica de usuario, lo que le permite crear rpidamente interfaces visuales buscando profesionales que trabajan.Primero lo PrimeroAhora que ya se ha familiarizado con interfaz grfica de usuario de la interfaz del constructor, es el momento para comenzar a desarrollar la interfaz de usuario de nuestra aplicacin ContactEditor.En esta seccin vamos a echar un vistazo al uso del IDE Paleta de aadir los distintos componentes de interfaz grfica de usuario que necesitamos para nuestro formulario.Gracias a IDE sin el paradigma de diseo, ya no tienen que luchar con controladores de distribucin para controlar el tamao y la posicin de los componentes dentro de sus envases.Todo lo que necesitas hacer es arrastrar y soltar los componentes que necesita para su forma de interfaz grfica de usuario como se muestra en las ilustraciones que siguen.

Agregar componentes: Los FundamentosAunque IDE GUI Builder simplifica el proceso de creacin de interfaces grficas de Java, a menudo es til para esbozar la forma en que quieres que tu interfaz de mirar antes de comenzar a disear.Muchos diseadores de interfaz de considerar esto como una "mejor prctica" tcnica, sin embargo, a los efectos de este tutorial puede simplemente mirar la forma en que nuestro formulario completado debe mirar antes de saltar a lavista previa de su interfaz grfica dela seccin.

Dado que ya hemos aadido un JFrame como formulario de nivel superior de contenedores nuestra, el siguiente paso es agregar un par de JPanels que nos permitir agrupar los componentes de nuestra interfaz de usuario mediante las fronteras titulado.Consulte las ilustraciones siguientes y observe el IDE de "arrastrar y soltar" el comportamiento cuando el cumplimiento de esta.

Para aadir un JPanel:1. En la ventana de la paleta, seleccione el componente del panel de la categora de contenedores Swing haciendo clic y soltar el botn del ratn.2. Mueva el cursor a la esquina superior izquierda de la forma en la GUI Builder.Cuando el componente se encuentra cerca del recipiente de los bordes superior izquierda, la alineacin horizontal y vertical de las directrices y la pantalla indicando que los mrgenes de preferencia.Haga clic en la forma de colocar el JPanel en esta ubicacin.ElJPanelcomponente aparece en laContactEditorUIformulario con naranja destacando lo que significa que est seleccionado, como se muestra en la ilustracin siguiente.Despus de soltar el botn del ratn, los indicadores parecen mostrar pequeos de anclaje de las relaciones de los componentes y el correspondiente nodo JPanel se muestra en la ventana de informacin.

A continuacin, tenemos que cambiar el tamao del JPanel para dar cabida a los componentes vamos a colocar en su interior un poco ms tarde, pero vamos a tomar un minuto para destacar otro de GUI Builder visualizacin de las primeras caractersticas.Para hacer esto tenemos que anular la seleccin del JPanel que acaba de agregar.Porque no hemos aadido un borde del ttulo, sin embargo, el panel desaparece.Ntese, sin embargo, que cuando se pasa el cursor sobre el JPanel, sus bordes, cambia a gris claro, para que su posicin se puede ver claramente.Usted slo necesita hacer clic en cualquier lugar dentro del componente para volver a seleccionar y hacer que los controladores de tamao y anclaje de los indicadores para reaparecer.

Para cambiar el tamao del JPanel:1. Seleccione el JPanel que acaba de agregar.El cambio de tamao pequeo cuadrado maneja a aparecer en todo el permetro del componente.2. Haga clic y mantenga el controlador de tamao en el borde derecho de la JPanel y arrastre hasta que la gua de alineacin de puntos aparece cerca del borde del formulario.3. Suelte el controlador de tamao para cambiar el tamao del componente.ElJPanelcomponente se extiende a palmo entre los mrgenes derecho e izquierdo del contenedor de conformidad con lo recomendado en offset, como se muestra en la ilustracin siguiente.

Ahora que hemos aadido un panel para contener nuestra interfaz de usuario de la informacin de nombre, hay que repetir el proceso para agregar otro directamente debajo de la primera para la informacin de correo electrnico.Al referirse a las ilustraciones siguientes, repita los ltimos dos tareas, prestar atencin a Generador sugiri la colocacin de la interfaz grfica de usuario.Observe que el sugerido espaciado vertical entre el JPanels dos es mucho ms estrecho que en los bordes.Una vez que ha aadido el segundo JPanel, cambiar su tamao de manera que llena el formulario verticales espacio restante.

Porque queremos distinguir visualmente las funciones de la parte superior e inferior de nuestra interfaz grfica de usuario, tenemos que aadir un borde y un ttulo a cada JPanel.En primer lugar vamos a lograr esto mediante la ventana Propiedades y, a continuacin vamos a tratar de usar el el men emergente.

Para agregar bordes ttulo de la JPanels:1. Seleccione el JPanel superior en el GUI Builder.2. En la ventana Propiedades, haga clic en el botn de puntos suspensivos (...) al lado de la propiedad Border.3. En la frontera editor de JPanel que aparece, seleccione el nodo TitledBorder en las fronteras panel disponible.4. En el panel Propiedades situado debajo, escribaNombrede la propiedad del ttulo.5. Haga clic en el botn de puntos suspensivos (...) junto a la propiedad de fuente, seleccione Negrita para el estilo de fuente, y entre 12 para el tamao.Haga clic en Aceptar para salir de los cuadros de dilogo.6. Seleccione la parte inferior JPanel y repita los pasos 2 a 5, pero esta vez haga clic derecho en el JPanel y acceder a la ventana Propiedades con el en el men emergente.IngreseE-mailde la propiedad del ttulo.Bajo el ttulo de las fronteras se aaden a losJPanelcomponentes.

Adicin de componentes individuales para la FormaAhora tenemos que empezar a aadir los componentes que se presente la informacin de contacto real en nuestra lista de contactos.En esta tarea vamos a aadir cuatro JTextFields que se mostrar la informacin de contacto y JLabels la que los describen. Si bien el cumplimiento de esta, la notificacin de la vertical y horizontal de las directrices que el GUI Builder muestra, lo que sugiere el componente espacio preferido como se define en su sistema operativo de apariencia.Esto asegura que su interfaz grfica de usuario de forma automtica prestados respetando objetivo el sistema operativo de la imagen y apariencia en tiempo de ejecucin.

Para agregar un JLabel al formulario:1. En la ventana de la paleta, seleccione el componente Label desde los controles de la categora Swing.2. Mueva el cursor sobre elnombre deJPanel que agreg anteriormente. Cuando las directrices parecen indicar que el JLabel se coloca en la esquina superior izquierda de la JPanel con un pequeo margen en la izquierda y el borde superior, haga clic para colocar la etiqueta.El JLabel, se aade a la forma y un nodo correspondiente que representa el componente se agrega a la ventana de informacin.Antes de seguir adelante, tenemos que editar el texto de la pantalla de la JLabel que acaba de agregar.Aunque usted puede editar el texto de visualizacin del componente en cualquier momento, la forma ms fcil es hacer esto a medida que los agrega.

Para editar el texto de la pantalla de un JLabel:1. Haga doble clic en el JLabel la seleccin de sus textos en pantalla.2. TipoNombre:y pulse Intro.el nuevo nombre de JLabel El se muestra y el componente de la anchura del ajuste como resultado de la edicin.

Ahora vamos a aadir un JTextField para que podamos obtener una visin de GUI Builder cuentan con la referencia de alineacin.

Para agregar un JTextField al formulario:1. En la ventana de la paleta, seleccione el campo de componentes de texto de los controles de la categora Swing.2. Mover el cursor inmediatamente a la derecha delNombre:JLabel que acaba de agregar.Cuando la directriz horizontal que indica que JTextField de la lnea de base est alineada con la de los JLabel y el espaciamiento entre los dos componentes se sugiere una gua vertical, haga clic para colocar el JTextField.El JTextField encaje en su posicin en forma alineada con JLabel de la lnea de base, como se muestra en la ilustracin siguiente.Observe que el JLabel cambiado ligeramente a la baja con el fin de alinearse con los ms altos del campo de texto de referencia.Como de costumbre, un nodo que representa el componente se agrega a la ventana de informacin.

Antes de seguir adelante, tenemos que agregar un adicional de JLabel y JTextField inmediatamente a la derecha de los que acaba de agregar, como se muestra en la ilustracin siguiente.Esta vez entrarApellido:como la pantalla de texto JLabel y dejar JTextFields "marcador de posicin de texto que es todo por ahora.

Para cambiar el tamao de un JTextField:1. Seleccione el JTextField que acaba de agregar a la derecha delApellido:JLabel.2. Arrastre el borde derecho JTextField el controlador de tamao hacia el borde derecho de la envolvente JPanel.3. Cuando las guas de alineacin