IDE Netbeans y Swing
IDE Netbeans y Swing
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 la API de Java y 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 el JDK y el IDE NetBeans. O usted puede descargar el JDK 6 y el NetBeans 6.1 por 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 Herramientas
El 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 a la declaracin y Pasar a clase 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 ver
Base 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 ms
El 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 NetBeans Para empezar, descarga la ltima versin estable de la NetBeans.org sitio 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, el centro de actualizaciones pueden 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, nodosy reas 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.
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 como compilar oejecutar
Haga clic en Archivo en el men principal y seleccione Nuevo proyecto. El asistente Nuevo proyecto aparece y es similar a la Figura 2.
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 de la 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
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 como crear carpeta despus de compilar la aplicacin.
proyectos individuales, haga clic en sus nodos del proyecto en la ventana de proyectos.
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 una invocacin 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.
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 el Main.java archivo 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 fuentes Puede 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, consulte Mejoras en la edicin de Java en NetBeans IDE 6.0
Figura 5. Agregar cuadro de dilogo Propiedades Haga clic aqu para agrandar la imagen.
Refactorizacin La 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 generales
NetBeans 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 un comprador y un mtodo setter mtodo para un campo y, opcionalmente, actualizaciones de todo el cdigo de referencia para acceder al campo con el captador y definidor mtodos. 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.
Depuracin En 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 cualquier JUnit pruebas. 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.
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, consulte Demo de depuracin de JDK.
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.
Gestin de la ruta de clases NetBeans 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:
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.
5.
6.
7.
8.
fuentes existentes. Haga clic en Siguiente. 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. 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. 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. (Opcional) En la carpeta Paquetes panel de prueba, haga clic en Examinar para seleccionar la carpeta que contiene el JUnit carpetas paquete. Haga clic en Finalizar.
Ahora 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 .
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 aplicacin
Aunque 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 pago Comience por crear un nuevo proyecto para la aplicacin.
en el panel de proyectos, como se muestra en la Figura 2 arriba. Haga clic en Siguiente. 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. 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 como Swing, y ofrece tres clases de contenedores de alto nivel-tiles: JFrame, JDialogy JApplet. 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.
2. Desde las categoras seleccione Swing formas GUI. Aviso de los tipos de
3.
archivos que aparecen a la derecha. Para esta aplicacin, se utilizar un formulario JFrame. Seleccione Formulario JFrame, a continuacin, haga clic en Siguiente. Nombre del JFrame SamplesJFrame, 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 en SamplesJFrame para 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.
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 el JFrame contenedor. 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.
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, y JavaBeans componentes. 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 un JFrame clase llamada SamplesJFrame. A continuacin, se crear en el JFrame componente y agregar otros componentes.
2.
3.
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. Haga clic en el panel en la paleta, a continuacin, haga clic dentro del JTabbedPane en el editor (puede que tenga que cambiar el tamao del JTabbedPane por lo que es ms grande. Un JPanel es creado. Tenga en cuenta que un panel de pestaas nuevas se ha aadido aJTabbedPane. Agregue otro JPanel al JTabbedPane en 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.
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 correspondiente JPanel en la ventana de informacin. Por ejemplo, haga clic en jPane11 para seleccionarlo. A continuacin, vaya a la ventana de Propiedades de la derecha y desplcese hacia abajo hasta que aparezca el ttulo de la ficha en 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 de Pago Calculadora y haga clic en Aceptar. Observe que el texto aparece al instante en la vista Diseo de la ficha. Ahora cambia el texto para jPanel2, seleccinelo en la ventana de informacin, a continuacin, en la ventana de Propiedades de introducir imgenes en la ficha Ttulo campo.
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 en la Figura 9 arriba. 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.
Es posible que haya observado que un controlador de distribucin tambin se ha aadido justo debajo de cada JPanel ha agregado. Usted puede cambiar fcilmente el controlador de distribucin para los componentes de la ventana. Por ejemplo, haga clic en JPANEL1, 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.
distribucin es un objeto que implementa el LayoutManager interfaz 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 el JPanel objetos. Si es necesario, cambiar el tamao del jTabbedPanel para que ocupe todo el JFrame que 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 primera JPanel, seleccione JPANEL1 en la ventana o haga clic en la calculadora de pago de tabulacin en el Editor de Diseo, a continuacin, haga lo siguiente:
3. 4.
de la JPANEL1 rea en el Editor de Diseo. Esto agrega un JLabel al formulario. 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. Haga clic en Campo de texto en la paleta, a continuacin, haga clic en el interior de la JPANEL1 rea en el Editor de Diseo. Hacer esto de nuevo, as que hay dos JTextFields en total. Aadir un JButton a la forma mediante la seleccin del botn en la paleta, a continuacin, en el interior de la JPANEL1 rea 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: Variable Texto jLabel1 jLabel2 Horas: Precio / hora ($):
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: Variable Texto jLabel6 jLabel7 jLabel8 jTextField1 jTextField2 ********** ********** ********** [Blanco] [Blanco]
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 primer JTextField objeto y seleccione Cambiar nombre de variable. Escriba el nombre hoursWorked. A continuacin, cambiar el nombre de la segunda JTextField objeto tasa.
Comprobacin de la interfaz grfica de usuario Al 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 en la 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 imgenes Hasta 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.
desde Paleta> Swing> Mens Barra de mens. Esto agrega unaJMenuBar. aviso de que dos JMenu objetos se han aadido de forma predeterminada. En el Editor de Diseo, tenga en cuenta que el texto de los dos JMenu elementos es Archivo y Edicin, 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 de edicin de Ayuda. Puede hacerlo haciendo doble clic directamente sobre el texto en el editor. En la ventana, haga clic en jMenu1 y seleccione Agregar desde Paleta> elemento de men. Esto crea un JMenuItem. Cambie el nombre del componente a OpenItem. 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 en jMenuBar1 en la ventana, haga clic en el primer JMenu componente (por ejemplo, con archivos de texto). Cambiar el texto predeterminado para OpenItem a abrir. 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 en Abrir. Crear otro elemento de men, siguiendo los tres pasos anteriores. Cambiar el nombre del componente a ExitItem, y cambiar el texto por defecto a la salida.
3. 4.
5.
6.
En la ventana, haga doble clic en el JFrame, a continuacin, haga clic en jMenuBar1. 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 los iconos de 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.
Para agregar una imagen al panel de imgenes en su interfaz grfica de usuario, puede utilizar un JLabel, y cambiar el icono de la propiedad de ese objeto para mostrar la imagen.
6.
clic en la pestaa de imgenes en el Editor de Diseo). Aadir un JLabel al panel de imgenes haciendo clic en la etiqueta en la paleta, a continuacin, en el interior de las imgenes JPanel rea en el Editor de Diseo. Descargar esta imagen de muestra y gurdelo en un lugar en el equipo. En la ventana Propiedades, haga clic en el botn de puntos suspensivos (...) para el icono de la propiedad. Aparece un cuadro de dilogo, lo que le permite localizar y configurar la imagen a la propiedad. Asegrese de que el selector de imgenes se 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. En el Editor de Diseo, haga clic en el JLabels de texto predeterminado "que ahora aparece al lado de la imagen. A su destruccin.
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 el JLabel y la imagen que acompaa, haga clic en la vista Cdigo fuente para SamplesJFrame.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 el JLabel, y el segundo se crea un nuevo ImageIcon objeto y la imagen adjunta a la misma. A continuacin, establece el ImageIcon al JLabel.
Agregar controladores de eventos Ahora, 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:
2. Registrar el componente como un oyente para ese tipo de evento 3. Aplicar mtodos de control de la interfaz
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 el ActionListener interfaz. 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 la escucha de mtodo.
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 una cadena. Tendr que analizar estas cadenas en tipos viables, tales como int o doble. 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 son int, double, y NumberFormat.
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, un int, float, o doble). 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 una cadena de objetos. El tratamiento que String como un primitivo requiere un paso adicional, la conversin.
Para convertir un String se 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 Bolean
Cada una de estas clases contenedoras, excepto el carcter de clase, tiene un mtodo que te permite convertir de una cadena al tipo primitivo especfica. Simplemente llame el mtodo de la clase contenedora su caso, y su cadena se convierte en un tipo primitivo: Cadena MyString = "12345"; myInt int = Integer.parseInt (MyString);
Esto convierte el contenido de la cadena variable MyString a un int llamado myInt. 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: El carcter de clase no tiene un mtodo tal, as que tienes que hacer cuerdas para el personaje con el charAt () mtodo:
/ / La variable e es el correo carcter de la cadena Hola String hola = "Hola", e char = hello.charAt (1);
Si la cadena contenido no se puede convertir en el primitivo tipo solicitado, a continuacin, una NumberFormatException se 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.
El NumberFormat clase 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:
Puede controlar el formato de visualizacin y organizar la entrada en el formato de salida es necesario mediante el NumberFormat clase abstracta en el paquete 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:
getInstance o getNumberInstance obtiene un formato para el formato de nmero normal, tales como 600.000. getCurrencyInstance obtiene un formato para el formato de nmero de moneda, por ejemplo, $ 600,000.00. getPercentInstance obtiene un formato para mostrar porcentajes, como por ejemplo el 56%.
Para dar formato a una, comienzan primitiva mediante la devolucin de un objeto de tipo NumberFormat llamando a uno de los mtodos anteriores.
Para tener la certeza de la cantidad es el formato correcto para un pas especfico, se especifica la configuracin regional de la siguiente manera:
El resultado es:
Para compilar estos, tendrs que importar los siguientes paquetes y agregar a la parte superior del archivo:
Ahora, de vuelta a la aplicacin que estamos construyendo: Agregue el cdigo siguiente a la jButton1ActionPerformed () mtodo controlador de eventos. Leer los comentarios en el cdigo, que proporcionan una explicacin. Si eres nuevo en el uso de if / else declaraciones, leer Lenguaje de Programacin Java Bsico: if / else y switch ', que es una parte de la tecnologa 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 de if (> 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 pago combinado = doble. totales regularPay + overTimePay; / / Crea variables sobre el nmero de formato NumberFormat 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 la regularPayField.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 de NumberFormat y configuracin 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 a la Figura 7 arriba.
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 en ExitItem y 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 en negrita): 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 de OpenItem. Vers que la limpieza es un proceso fcil.
Documentar su trabajo La 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 el dist > javadoc carpeta, 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 en SamplesJFrame, 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.
Resumen Ha 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 formulario
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 CelsiusConverter Si 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 proyecto Para crear un nuevo proyecto, iniciar el IDE NetBeans y elija Nuevo proyecto en el men Archivo:
Crear un nuevo proyecto Atajos 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 proyecto A 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 usuario A continuacin, escriba CelsiusConverterGUI como el nombre de la clase, y aprender como 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 la CelsiusConverterGUI. Es en esta pantalla que visualmente arrastrar, soltar y manipular los componentes Swing diferentes NetBeans IDE Bsico No 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 la paleta, el rea de diseo, el Editor de propiedades, y el Inspector. Discutiremos estas caractersticas a continuacin.
La paleta La 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 (JLabel es una etiqueta de texto, JList es una lista desplegable hacia abajo, etc)
De esta lista, nuestra aplicacin utilizar slo JLabel (una etiqueta de texto de base "), JTextField (para que el usuario introduzca la temperatura), y JButton (para convertir la temperatura de Celsius a Fahrenheit.) El rea de Diseo El rea de Diseo es donde visualmente construir su interfaz grfica de usuario. Cuenta con dos puntos de vista vista de origen, y la vista 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 solo JFrame objeto, 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 como bloques 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, consulte El Editor de Propiedades El 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 agregado JFrame objeto:
La imagen anterior muestra las diversas propiedades de este objeto, como color de fondo, color de primer plano, la fuente, y el cursor. El Inspector El ltimo componente del IDE NetBeans que utilizaremos en esta leccin es el Inspector:
El Inspector El 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 CelsiusConverter En 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 ttulo En primer lugar, establecer el ttulo de la aplicacin de JFrame con "C Convertidor", a cargo de un solo clic en el JFrame en la ventana:
Configuracin del Ttulo Puede configurar el ttulo haciendo doble clic en el ttulo de propiedad y entrar en el nuevo texto directamente, o haciendo clic en el e introduciendo el ttulo en el campo correspondiente. O, como un acceso directo, puede un solo clic en el JFrame del inspector y entrar en su nuevo texto directamente sin usar el editor de propiedades. Paso 2: Agregue un JTextField A continuacin, arrastre un JTextField de 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 un JTextField en la esquina superior izquierda de la ventana como se muestra a continuacin:
Adicin de un JTextField Usted 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 JLabel A continuacin, arrastre un JLabel en el rea de diseo. Colocar a la derecha de la JTextField, 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 los JTextField. Las seales visuales proporcionadas por el IDE debe hacer tan fcil de determinar.
Adicin de un JLabel Paso 4: Agregar un JButton A continuacin, arrastre un JButton de la paleta y la posicin hacia la izquierda y debajo del JTextField. Una vez ms, las seales visuales ayudar a guiar en su lugar.
Adicin de un JButton
Usted puede tener la tentacin de ajustar manualmente el ancho de la JButton y JTextField, 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 Segunda Por ltimo, aadir un segundo JLabel, repitiendo el proceso en el paso 2. Coloque esta segunda etiqueta hacia la derecha de la JButton, como se muestra arriba Ajuste de la interfaz grfica de usuario CelsiusConverter Con 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 componentes En primer lugar, haga doble clic en el JTextField y el JButton para cambiar el texto predeterminado que se ha insertado por el IDE. Al borrar el texto del JTextField, que se reducir en tamao como se muestra a continuacin. Cambiar el texto de la JButton de "JButton1" a "Convertir". Tambin cambiar la parte superiorJLabel texto a "C" y sobre el fondo a "Fahrenheit".
Ajuste del texto de componentes Paso 2: Establecer el tamao de componentes A continuacin, turno de clic en el JTextField y el JButton componentes. Esto resaltar cada demostrando que son seleccionados. Haga clic con el botn (controlclic 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 que JFrame s mismo no es seleccionado. Si es as, el men Tamao de la misma no se activa.
Marco los tamaos y JTextField JButton Paso 3: Quitar espacio adicional Por ltimo, tome la esquina derecha inferior del JFrame y 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 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 aplicacin Ahora es el momento de aadir en la lgica de la aplicacin. Paso 1: Cambie los nombres de variable por defecto La 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 defecto Los 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 variable Los 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 eventos Cuando 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 - llamado objeto de evento - que luego se difunde a cualquier otro objeto que previamente se han registrado como oyentes ese 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 que slo el 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 temperatura El 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 Fahrenheit int. 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 aplicacin Ejecucin 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 establecer CelsiusConverterGUI como 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!
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 componentes Primeros pasos El 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 proyecto Debido a que todo el desarrollo de Java en el IDE se lleva a cabo dentro de los proyectos, primero tenemos que crear un nuevo ContactEditor proyecto 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 un project.xml archivo 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.
El IDE crea el ContactEditor carpeta 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 JFrame Despus de crear la nueva aplicacin, te habrs dado cuenta que los paquetes de carpeta de origen en la ventana de proyectos contiene un vaco <default ENVASE nodo. Para continuar con la construccin de nuestra interfaz, tenemos que crear un contenedor de Java en el que vamos a colocar la interfaz grfica de usuario requiere de otros componentes. En este paso vamos a crear un contenedor con el JFramecomponente y coloque el recipiente en un nuevo paquete.
2. 3. 4.
Nuevo> Formulario JFrame. Alternativamente, usted puede encontrar un formulario de JFrame eligiendo Nuevo> Otros> Swing GUI Formularios> Formulario JFrame. Introduzca ContactEditorUI como el nombre de clase. Introduzca my.contacteditor que el paquete. Haga clic en Finalizar.
El IDE crea el ContactEditorUI forma y el ContactEditorUI clase dentro de laContactEditorUI.java aplicacin y abre la ContactEditorUI se forman en el GUI Builder. Observe que el my.contacteditor paquete reemplaza el paquete por defecto. Familiarizarse con el GUI Builder Ahora 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 creacin ContactEditorUI forma 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 clave El 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 Libre
En 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 votos El 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 Primero Ahora 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 Fundamentos Aunque 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 la vista previa de su interfaz grfica de la 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.
categora de contenedores Swing haciendo clic y soltar el botn del ratn. 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. El JPanel componente aparece en la ContactEditorUI formulario 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.
JPanel y arrastre hasta que la gua de alineacin de puntos aparece cerca del borde del formulario. Suelte el controlador de tamao para cambiar el tamao del componente. El JPanel componente 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.
en las fronteras panel disponible. En el panel Propiedades situado debajo, escriba Nombre de la propiedad del ttulo. 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. 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.Ingrese E-mail de la propiedad del ttulo. Bajo el ttulo de las fronteras se aaden a los JPanel componentes.
Adicin de componentes individuales para la Forma Ahora 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.
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.
Ahora vamos a aadir un JTextField para que podamos obtener una visin de GUI Builder cuentan con la referencia de alineacin.
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.
entre el campo de texto y el borde derecho de la JPanel, suelte el botn del ratn para cambiar el tamao de JTextField. el borde derecho JTextField El encaje en su alineacin con recomienda borde del margen de JPanel, como se muestra en la ilustracin siguiente.
Adicin de componentes mltiples para la Forma Ahora vamos a aadir el ttulo: y Nickname: JLabels que describen dos JTextFields que vamos a aadir en un minuto. Vamos a arrastrar y soltar los componentes, mientras que pulsando la tecla Maysculas, para agregar rpidamente a la forma. Si bien el cumplimiento de esta, una vez ms cuenta de que el GUI Builder muestra y vertical directrices horizontales que sugieren la separacin de componentes preferido.
controles de la categora Swing haciendo clic y soltar el botn del ratn. que agreg anteriormente. Cuando las directrices parecen indicar que JLabel de nuevo el borde izquierdo se alinea con la de la JLabel por encima y por un pequeo margen que existe entre ellos, cambiar de puesto-haga clic para colocar la primera JLabel. Mientras sigue presionando la tecla Mays, haga clic para colocar otro JLabel inmediatamente a la derecha de la primera. Asegrese de liberar la tecla Shift antes de colocar el segundo JLabel. Si se olvida de quitar la tecla Shift antes de colocar la ltima JLabel, simplemente pulse la tecla Escape. El JLabels se aaden a la forma de crear una segunda fila, como se muestra en la ilustracin siguiente. Los nodos que representan cada componente se agregan a la ventana de informacin.
3.
Antes de continuar, tenemos que editar JLabels 'el nombre de la manera que vamos a ser capaces de ver el efecto de las alineaciones vamos a establecer ms adelante.
1. Haga doble clic en el primer JLabel la seleccin de sus textos en pantalla. 2. Tipo de Ttulo: y pulse Intro. 3. Repita los pasos 1 y 2, entrando Nickname: el nombre de la propiedad
JLabel segundo. JLabels 'Los nombres de los nuevos se muestran en la forma y se desplazan como consecuencia de sus anchos editado, como se muestra en la ilustracin siguiente.
Insercin de Componentes A menudo es necesario aadir un componente entre los componentes que ya estn colocados en un formulario. Cada vez que se agrega un componente entre dos componentes existentes, el generador de interfaz grfica de usuario de forma automtica los cambios para hacer espacio para el nuevo componente. Para demostrar esto, vamos a insertar un JTextField entre el JLabels hemos aadido anteriormente, como se muestra en las siguientes dos ilustraciones.
3.
El JTextField encaje en su posicin entre los dos JLabels. La derecha se desplaza hacia la derecha JLabel del JTextField para acomodar el sugerido desplazamiento horizontal.
Todava tenemos que aadir un JTextField adicionales a la forma que se mostrar en contacto con el apodo de cada uno en el lado derecho del formulario.
entre el campo de texto y los bordes JPanel, suelte el botn del ratn para cambiar el tamao de JTextField.
el borde derecho JTextField El encaje en su alineacin con recomienda borde del margen de JPanel y el GUI Builder deduce el comportamiento de cambio de tamao apropiado. Hacia adelante La alineacin es uno de los aspectos ms fundamentales de la creacin de interfaces grficas de aspecto profesional.En la seccin anterior tenemos una idea de la alineacin de las caractersticas IDE mientras que la adicin y JTextField componentes JLabel a nuestra forma ContactEditorUI. A continuacin, haremos un anlisis ms en profundidad en el Generador de la alineacin de las caractersticas GUI ya que trabajamos con los otros componentes distintos que necesitamos para nuestra aplicacin.
Componente de alineacin
Cada vez que agrega un componente a un formulario, el generador de interfaz grfica de usuario de manera eficaz se alinea, como lo demuestran las guas de alineacin que aparecen. A veces es necesario, sin embargo, para especificar las relaciones entre los diferentes grupos de componentes tambin.Anteriormente hemos aadido cuatro JLabels que necesitamos para nuestra ContactEditor interfaz grfica de usuario, pero no alinearlos. Ahora vamos a alinear las dos columnas de JLabels para que sus bordes hasta la lnea. Para alinear los componentes:
3.
el nombre: yTtulo: JLabels en el lado izquierdo del formulario. Haga clic en el botn Alinear a la derecha en la columna ( ) En la barra de herramientas. Alternativamente, usted puede hacer clic en cualquiera de ellas y seleccione Alinear> Derecha en la columna de la en el men emergente. Repita esto para el Apellido: y Nickname: JLabels as. JLabels "El cambio de posiciones de tal manera que los bordes derecho de su pantalla de texto estn alineados. Las relaciones de anclaje se actualizan, lo que indica que los componentes se han agrupado.
Antes de que termine con la JTextFields hemos aadido antes, hay que asegurarse de que el JTextFields dos que inserta entre el JLabels se establecen para cambiar el tamao correcto. A diferencia de la JTextFields dos que se extenda hasta el borde derecho de nuestro formulario de "componentes resizeability comportamiento insertado no se ajusta automticamente.
Cambiar el tamao de Auto> horizontal de la en el men emergente. El JTextFields se establecen para cambiar el tamao horizontal en tiempo de ejecucin.Las guas de alineacin y los indicadores de anclaje se actualizan, proporcionando una verificacin visual de las relaciones de los componentes.
1. Control y haga clic en los cuatro JTextFields en la forma de seleccionarlos. 2. Con la JTextFields seleccionado, haga clic en cualquiera de ellos y elija
Establecer mismo tamao de la en el men emergente. El JTextFields se ajustan a la misma anchura y los indicadores se agregan a la parte superior de cada uno, proporcionando una verificacin visual de las relaciones de los componentes.
Ahora tenemos que aadir otro JLabel que describe el JComboBox que permitir a los usuarios para seleccionar el formato de la informacin de nuestra aplicacin ContactEditor mostrar.
la JPanel.Cuando el gua que indica que el borde derecho de JLabel nuevo est alineado con el borde derecho del grupo de componentes por encima de (los dos JLabels), haga clic para colocar el componente. El JLabel encaje en una posicin alineada con la columna derecha de JLabels arriba, como se muestra en la ilustracin siguiente. La GUI Builder actualizaciones de las lneas de estado que indica la alineacin de componentes de la separacin y anclaje de las relaciones.
Como en los ejemplos anteriores, haga doble clic en el JLabel para seleccionar su texto de la pantalla y luego entrar en Formato de pantalla: para el nombre para mostrar. Observe que cuando el JLabel encaje en su posicin, los otros componentes de cambio para acomodar el texto de la pantalla ms tiempo.
Lnea de base de alineacin Siempre que agregar o mover los componentes que incluyen texto (JLabels, JTextFields, y as sucesivamente), el IDE sugiere alineaciones que se basan en las lneas de base del texto en los componentes. Cuando se inserta el JTextField anterior, por ejemplo, su lnea de base se alinean automticamente a la JLabels adyacentes.
Ahora vamos a agregar el cuadro combinado que permitir a los usuarios para seleccionar el formato de la informacin de que nuestra solicitud ContactEditor mostrar. A medida que agregue el JComboBox, vamos a adaptar su lnea de base a la de JLabel de texto. Observe una vez ms la alineacin pautas de referencia que aparecen para que nos ayuden con el posicionamiento.
agregar. Cuando la directriz horizontal que indica que JComboBox de la lnea de base est alineada con la lnea de base del texto en el JLabel y el espaciamiento entre los dos componentes se sugiere con un gua vertical, haga clic en para colocar el cuadro combinado.
El componente de encaje en una posicin alineada con la lnea base del texto en el JLabel a su izquierda, como se muestra en la ilustracin siguiente. La GUI Builder muestra las lneas de estado que indica los componentes de la separacin y anclaje relaciones.
1. Seleccione el control ComboBox en el GUI Builder. 2. Arrastre el controlador de tamao en el borde derecho del JComboBox hacia
la derecha hasta que las directrices de alineacin aparecen sugiere la preferida de desplazamiento entre el JComboBox y bordes JPanel.
Como se muestra en la ilustracin siguiente, el borde derecho de la JComboBox encaje en su alineacin con JPanel recomienda margen de la orilla del componente y la anchura se ajusta automticamente al cambiar el tamao con la forma.
componente de modelos de edicin est fuera del alcance de este tutorial, as que por el momento vamos a dejar JComboBox de marcador de posicin del elemento de la lista tal como es. Revisin de lo que hemos aprendido Hemos tenido un buen comienzo la construccin de nuestra ContactEditor interfaz grfica de usuario, pero vamos a tomar un minuto para recapitular lo que hemos aprendido al mismo tiempo le aadimos un poco ms de los componentes de nuestra interfaz requiere.
Hasta ahora nos hemos concentrado en la adicin de componentes a nuestro ContactEditor interfaz grfica de usuario utilizando IDE alineacin directrices para que nos ayuden con el posicionamiento. Es importante entender, sin embargo, que otra parte de la colocacin de los componentes es de anclaje. Aunque no lo hemos discutido todava, que ya ha tomado ventaja de esta caracterstica sin darse cuenta. Como se mencion anteriormente, cuando se agrega un componente a un formulario, el IDE, el objetivo del aspecto de la posicin preferida con las directrices. Una vez colocados, los nuevos componentes tambin estn anclados en el contenedor borde ms cercano o componente para asegurar que las relaciones de los componentes se mantienen en tiempo de ejecucin. En esta seccin, nos concentraremos en el cumplimiento de las tareas en una forma ms aerodinmica al tiempo que seala la obra el constructor GUI est haciendo entre bastidores.
Aadir, alinear y anclaje La GUI Builder le permite disear formularios de forma rpida y sencilla mediante la racionalizacin del flujo de trabajo gestos tpicos. Cada vez que se agrega un componente a un formulario, el generador de interfaz grfica de usuario automticamente encaje en las posiciones preferidas y establece el encadenamiento de relaciones necesarias para que pueda concentrarse en el diseo de sus formularios en lugar de luchar con los detalles de implementacin compleja.
3.
JPanel-mail E ttulo. Cuando las directrices parecen indicar que est colocado en la esquina superior izquierda de la JPanel con un pequeo margen en la izquierda y el borde superior, haga clic para colocar el JLabel. Haga doble clic en el JLabel la seleccin de sus textos en pantalla. A continuacin, escriba E-mail: y pulse Intro. El JLabel encaje en la posicin deseada en la forma, anclado a la izquierda y el borde superior de la envolvente JPanel. Al igual que antes, un nodo correspondiente que representa el componente se agrega a la ventana de informacin.
los controles de la categora Swing. Mover el cursor inmediatamente a la derecha de la direccin de correo electrnico la etiqueta que acaba de agregar. Cuando las directrices parecen indicar que JTextField de la lnea de base est alineada con la lnea de base del texto en el JLabel y el margen entre los dos componentes se sugiere una gua vertical, haga clic para colocar el campo de texto. El JTextField encaje en su posicin a la derecha de la direccin de correo electrnico: JLabel y est encadenado a la JLabel. Su nodo correspondiente tambin se agrega a la ventana de informacin.
envolvente JPanel hasta que las directrices de alineacin aparecen sugiere el desplazamiento entre el JTextField y bordes JPanel. el borde derecho JTextField El ajuste a la gua de alineacin que indica los mrgenes de preferencia.
Ahora tenemos que agregar la JList que mostrar nuestra ContactEditor la lista de contactos.
3.
electrnicoJLabel que agreg anteriormente. Cuando las directrices parecen indicar que los bordes izquierdo y superior de JList se encuentran alineados con los mrgenes preferido a lo largo del borde izquierdo de JPanel y el JLabel anterior, haga clic para colocar el JList. Arrastre JList es correcto cambiar el tamao de la manija hacia la derecha de la envolvente JPanel hasta que las directrices de alineacin parece indicar que se trata de la misma anchura que el anterior JTextField. El JList encaje en la posicin designada por los guas de alineacin y su nodo correspondiente se muestra en la ventana de informacin. Observe tambin que la forma se ampla para dar cabida a la nueva JList agreg.
Desde JLists se utilizan para mostrar largas listas de datos, que normalmente requieren la adicin de un JScrollPane. Cada vez que se agrega un componente que requiere un JScrollPane, el generador de interfaz grfica de usuario lo agrega automticamente para usted. Debido a JScrollPanes son componentes no-visuales, tiene que usar la ventana de informacin con el fin de ver o editar cualquier JScrollPanes que el GUI Builder crea.
Dimensionamiento de componentes A menudo es til crear varios componentes relacionados, tales como botones en los dilogos entre modos de transporte, a tener el mismo tamao para mantener la coherencia visual. Para demostrar esto vamos a aadir cuatro JButtons a nuestra forma ContactEditor que nos permitir agregar, editar y eliminar entradas individuales de nuestra lista de contactos, como se muestra en las ilustraciones siguientes. A continuacin, vamos a configurar los cuatro botones para tener el mismo tamao para que puedan ser fcilmente reconocidos como una funcionalidad relacionada.
3.
4.
electrnicoJTextField en la parte baja JPanel. Cuando las directrices parecen indicar que JButton de la lnea de base y el borde derecho se alinean con la de los JTextField, shift-clic para colocar el primer botn a lo largo del borde derecho del JFrame. JTextField la anchura se reduce el dar cabida a la JButton cuando se suelta el botn del ratn. Mueva el cursor sobre la esquina superior derecha de la JList en el JPanel inferior.Cuando las directrices parecen indicar que la derecha y los bordes JButton de arriba se encuentran alineados con el de la JList, shift-clic para colocar el segundo botn a lo largo del borde derecho del JFrame. Agregue dos JButtons adicional por debajo de los dos que ya se ha agregado para crear una columna. Asegrese de que la posicin de la JButtons de tal manera que el espacio sugerido es respetada y coherente. Si se olvida de
5.
quitar la tecla Shift antes de colocar la ltima JButton, simplemente pulse la tecla Escape. Ajuste el texto de la pantalla para cada JButton. (Usted puede editar el botn de texto de un botn derecho del ratn en el botn y seleccionando Editar texto. O puede hacer clic en el botn, haga una pausa, y luego haga clic de nuevo.) Introduzca Aadir el botn superior, Edicin de el segundo, quitar de la tercera, y como predeterminadopara el cuarto.
Los componentes JButton encajen en las posiciones designadas por los guas de alineacin. La anchura de los cambios botones para dar cabida a los nuevos nombres.
Ahora que los botones estn colocados donde los queremos, vamos a configurar los cuatro botones para tener el mismo tamao para mantener la coherencia visual, as como para aclarar que estn relacionados funcionalmente.
2. Clic con el botn derecho sobre uno de ellos y elija Tamao> Igual mismo
ancho de la en el men emergente. El JButtons se establecen en el mismo tamao que el botn con el nombre ms largo.
Sangra A menudo es necesario a varios componentes del clster en virtud de otro componente, que es claro que pertenecer a un grupo de funciones relacionadas. Un caso tpico, por ejemplo, es colocar varias cajas de opciones relacionadas a continuacin una etiqueta comn. El GUI Builder le permite cumplir con el sangrado con facilidad, proporcionando directrices especiales que sugiere la preferida de desplazamiento para el sistema operativo de su mirada y se siente.
En esta seccin vamos a aadir una JRadioButtons pocos por debajo de un JLabel que permitir a los usuarios personalizar el modo de visualizacin de datos de aplicacin. Consulte las ilustraciones siguientes, mientras que el cumplimiento de tal o haga clic en el enlace Ver Demo siguiendo el procedimiento para ver una demostracin interactiva.
4.
5.
Asegrese de que la etiqueta est alineado a la izquierda con JList por encima de la. En la ventana de la paleta, seleccione el botn de componente de radio de la categora de Swing. Mueva el cursor por debajo de la JLabel que acaba de agregar. Cuando las directrices parecen indicar que el borde izquierdo del JRadioButton se alinea con la de la JLabel, mueva el JRadioButton ligeramente a la derecha hasta que el sangrado directrices secundarios aparecen. Maysculas + clic para colocar el primer botn. Mueva el cursor a la derecha de la primera JRadioButton. Maysculas + clic para colocar el segundo y tercer JRadioButtons, teniendo cuidado de respetar la separacin de componentes sugeridos. Asegrese de liberar la tecla Shift antes de colocar la ltima JRadioButton. Ajuste el texto de la pantalla para cada JRadioButton. (Usted puede editar el botn de texto de un botn derecho del ratn en el botn y seleccionando Editar texto. O puede hacer clic en el botn, haga una pausa, y luego haga
clic de nuevo.) Introduzca HTMLpara el botn de la izquierda, Llanura Texto para el segundo, y personalizado para el tercero. JRadioButtons tres se aaden a la forma y con sangra debajo del Formato de correoJLabel.
Ahora tenemos que aadir los tres JRadioButtons a un ButtonGroup para permitir cambiar el comportamiento esperado en el botn de opcin slo puede ser seleccionado a la vez. Esto, a su vez, asegrese de que ContactEditor de aplicaciones en contacto con nuestra informacin se mostrar en el formato de correo de nuestra eleccin.
3. 4.
JRadioButtons tres se aaden a los del grupo de botones. Hacer los ajustes finales Hemos logrado esbozar ContactEditor de nuestra aplicacin GUI, pero todava hay algunas cosas pendientes de hacer.En esta seccin, vamos a echar un vistazo a un par de otras tareas de diseo tpico que el GUI Builder simplifica.
Finalizacin Ahora tenemos que aadir los botones que permiten a los usuarios para confirmar la informacin que ingrese a un contacto individual y aadirlo a la lista de contactos o anular, dejar sin cambios la base de datos. En este paso, vamos a aadir los dos botones necesarios y luego editarlas para que se vean del mismo tamao en el formato, aunque su texto de presentacin son diferentes longitudes.
2. 3.
4. 5. 6.
arrastre el borde inferior de la JFrame abajo. Esto le da el espacio entre el borde de la JFrame y el borde de la JPanel para sus botones Aceptar y Cancelar. En la ventana de la paleta, seleccione el componente Button desde los controles de la categora Swing. Mueva el cursor sobre el siguiente formulario el JPanel correo electrnico. Cuando las directrices parecen indicar que es el borde derecho del JButton se alinea con la esquina inferior derecha de la JFrame, haga clic para colocar el botn. Aadir otra JButton a la izquierda de la primera, por lo que seguro que lo coloca con el espacio sugerido a lo largo del borde inferior del JFrame. Ajuste el texto de la pantalla para cada JButton. Introduzca en Aceptar para el botn izquierdo y Cancelar de un derecho. Tenga en cuenta que la anchura de los cambios botones para dar cabida a los nuevos nombres. Ajuste los dos JButtons a ser del mismo tamao, seleccionando tanto, haga clic en cualquiera, y la eleccin de tamao> Mismo ancho de la misma desde el men pop-up. El JButton componentes aparecen en la forma y sus nodos correspondientes se muestran en la ventana de informacin. El JButton 'cdigo componentes tambin se agrega a la fuente de archivo de la forma que es visible en la vista Cdigo fuente del Editor. Cada uno de los JButtons se establecen en el mismo tamao que el botn con el nombre ms largo.
La ltima cosa que necesitamos hacer es eliminar el texto del marcador en los diversos componentes.Tenga en cuenta que mientras se quita el texto de marcador de posicin despus de desbaste un formulario puede ser una tcnica til para evitar problemas con las alineaciones de los componentes y las relaciones de anclaje, la mayora de los desarrolladores suelen suprimir este texto en el proceso de establecer sus formas. A medida que avanza a travs del formulario, seleccionar y eliminar el texto del marcador de cada uno de los JTextFields. Vamos a dejar los elementos de marcador de posicin, tanto en el JComboBox y JList para un tutorial ms adelante.
Previsualizacin de la interfaz grfica de usuario Ahora que ha logrado construir la interfaz grfica de usuario ContactEditor, puede probar la interfaz para ver los resultados. Usted puede ver su forma a medida que trabaja haciendo clic en el botn Vista previa del formulario ( ) En la GUI Builder de la barra de herramientas. El formulario se abre en su propia ventana, lo que le permite probarlo antes de la construccin y funcionamiento.
Implementar aplicaciones de interfaz grfica de usuario Para que las interfaces se crean con el generador de interfaz grfica de usuario para trabajar fuera del IDE, la aplicacin debe ser compilado con las clases para el controlador de distribucin GroupLayout y tambin tienen las clases disponibles en tiempo de ejecucin. Estas clases estn incluidas en Java SE 6, pero no en Java SE 5. Si desarrolla la aplicacin se ejecute en Java EE 5, la aplicacin necesita utilizar un diseo de la coleccin de extensiones de Swing.
Si est ejecutando el IDE en JDK 5, el IDE genera automticamente el cdigo de aplicacin para utilizar un diseo de la coleccin de extensiones de Swing. Al implementar la aplicacin, deber incluir un diseo de la coleccin de extensiones de Swing con la aplicacin. Cuando se genera la aplicacin (Build> Build Main Project), el IDE proporciona automticamente una copia de los archivos JAR de la biblioteca en la aplicacin de dist / lib carpeta. El IDE tambin aade cada uno de los archivos JAR que se encuentran en el dist carpeta a la Class-Path elemento en el archivo JAR aplicacin MANIFEST.MF archivo.
Si est ejecutando el IDE en JDK 6, el IDE genera el cdigo de aplicacin para utilizar las clases GroupLayout que en Java SE 6. Esto significa que usted puede implementar la aplicacin para ejecutarse en sistemas con Java SE 6 instalado y no
Nota: Si crea su aplicacin utilizando JDK 6, pero que necesita la aplicacin se ejecute tambin en Java SE 5, puede hacer que el IDE de generar su cdigo para utilizar un diseo de la coleccin de extensiones de Swing en lugar de las clases en Java SE 6. Abra la clase ContactEditorUI en el editor de interfaz grfica de usuario. En la ventana, expanda el nodo ContactEditorUI y elija Formulario ContactEditorUI. En la ventana Propiedades, cambie el valor de la Generacin del estilo de propiedad de diseo para las extensiones de Diseo de la coleccin de Swing. La distribucin y ejecucin de aplicaciones de interfaz grfica de usuario independiente Para preparar su aplicacin con interfaz grfica para el exterior de distribucin de la IDE: Zip del proyecto dist carpeta en un archivo ZIP. (El dist carpeta tambin puede contener un libcarpeta, que tambin tendra que incluir.)
Para ejecutar la aplicacin, haga clic en el nombre del proyecto y seleccione Ejecutar en el men contextual. En el Proyecto de dilogo Ejecutar seleccione el nombre de la clase principal (my.contacteditor.ContactEditorUI si habla sobre el proyecto que acaba de crear) y haga clic en Aceptar. Su aplicacin est en funcionamiento.
Nota: Si se encuentra con el siguiente error: Excepcin en el hilo "principal" java.lang.NoClassDefFoundError: JDesktop org / / diseo / GroupLayout $ Grupo
Asegrese de que las referencias de archivo MANIFEST.MF la versin actualmente instalada de las Extensiones de Diseo de la coleccin de Swing.
Este tutorial para principiantes que ensea cmo crear una interfaz grfica de usuario sencilla y agregar la funcionalidad de back-end sencillo. En particular, vamos a mostrar cmo codificar el comportamiento de los botones y campos de un formulario Swing.
Vamos a trabajar a travs de la distribucin y el diseo de una interfaz grfica de usuario y agregar unos cuantos botones y el campo de texto. Los campos de texto se utiliza para recibir la entrada del usuario y tambin para mostrar la salida del programa. El botn se iniciar la funcionalidad incorporada en la parte delantera. La aplicacin que creemos ser una calculadora simple pero funcional.
Ejercicio 1: Crear un proyecto El primer paso es crear un proyecto de IDE para la aplicacin que vamos a desarrollar. Vamos a nombrar a nuestros NumberAddition proyecto. Seleccione Archivo> Nuevo proyecto. Como alternativa, puede hacer clic en el icono Nuevo proyecto en la barra de herramientas del IDE. En el panel Categoras, seleccione el nodo de Java. En el panel de Proyectos, seleccione Java Application. Haga clic en Siguiente. Tipo NumberAddition en el campo Nombre del proyecto y especificar una ruta por ejemplo, en su directorio de usuario como la ubicacin del proyecto. (Opcional) Seleccione la opcin Usar carpeta dedicada para almacenar casilla Bibliotecas y especificar la ubicacin de la carpeta de las bibliotecas. Vase Compartir Proyecto de Bibliotecas para ms informacin sobre esta opcin. Asegrese de que la casilla de verificacin Establecer como principal proyecto es seleccionado. Desmarque la casilla Create Main Class si est activada. Haga clic en Finalizar.
Para continuar con la construccin de nuestra interfaz, tenemos que crear un contenedor de Java en el que vamos a colocar la interfaz grfica de usuario requiere de otros componentes. En este paso vamos a crear un contenedor con el JFrame componente.Vamos a colocar el recipiente en un nuevo paquete, que aparecer en el nodo Paquetes Fuente.
Crear un contenedor JFrame En la ventana Proyectos, haga clic en el nodo NumberAddition y seleccione Nuevo> Formulario JFrame. Introduzca NumberAdditionUI como el nombre de la clase. Introduzca my.numberaddition que el paquete. Haga clic en Finalizar.
El IDE crea el NumberAdditionUI forma y el NumberAdditionUI clase dentro de la NumberAddition aplicacin, y abre laNumberAdditionUI se forman en el GUI Builder. El my.NumberAddition paquete reemplaza el paquete por defecto.
Adicin de componentes: Hacer que el Front End A continuacin vamos a utilizar la paleta para rellenar los frontales de aplicaciones nuestros con un JPanel. A continuacin, vamos a agregar tres JLabels, JTextFields tres, y JButtons tres. Si usted no ha utilizado la GUI Builder antes, es posible encontrar informacin en el diseo de una GUI Swing en NetBeans IDE tutorial sobre los componentes de una posicin funcional.
Una vez que haya terminado de arrastrar y colocar los componentes antes mencionados, el JFrame debera parecerse a la siguiente captura de pantalla.
Si no ves la ventana de paleta en la esquina superior derecha del IDE, seleccione Windows> Paleta.
1. Para empezar, seleccione un JPanel de la paleta y colquelo en el JFrame. 2. Mientras que el JPanel se pone de relieve, vaya a la ventana Propiedades y
haga clic en el botn de puntos suspensivos (...) al lado de la frontera para elegir un estilo de borde. En el cuadro de dilogo Borde, seleccione TitledBorder de la lista, y escriba Nmero adjunta en el campo Ttulo. Haga clic en Aceptar para guardar los cambios y salga del dilogo. Ahora debera ver un titulado JFrame vaco que anuncia: Adicin al igual que en la captura de pantalla. Mira la captura de pantalla y aadir tres JLabels, JTextFields JButtons tres y tres, como se ve arriba.
3.
4.
Cambiar el nombre de los componentes En este paso vamos a cambiar el nombre del texto de presentacin de los componentes que se acaba de agregar a los JFrame.
2. Haga doble clic en jLabel2 y cambiar el texto para Segundo Nmero 3. Haga doble clic en jLabel3 y cambiar el texto de Resultados 4. Eliminar el texto de ejemplo de jTextField1. Puede hacer que la pantalla de
texto editable, haga clic en el campo de texto, haciendo una pausa, y luego hacer clic en el campo de texto nuevo. Puede que tenga que cambiar el tamao deljTextField1 a su tamao original. Repita este paso para jTextField2 y jTextField3. Cambie el nombre del texto de la pantalla de jButton1 de claro. (Puede botn de edicin de un texto, haga clic en el botn y seleccionando Editar texto. O puede hacer clic en el botn, haga una pausa, y luego haga clic de nuevo.) Cambie el nombre del texto de la pantalla de jButton2 a Aadir. Cambie el nombre del texto de la pantalla de jButton3 a la salida.
5.
6. 7.
Ejercicio 3: Agregar funcionalidad En este ejercicio vamos a dar funcionalidad a la, claro, y Salir botones Agregar. El jTextField1 y jTextField2 cajas se utilizar para la entrada del usuario y jTextField3 para la salida del programa - lo que estamos creando es una simple calculadora muy comenzar. Vamos.
Hacer que el trabajo del botn Salir A fin de dar a los botones de funcin, tenemos que asignar un controlador de eventos cada uno a responder a los eventos. En nuestro caso, queremos saber cuando se pulsa el botn, o un clic del ratn oa travs de teclado. As que vamos a utilizar ActionListener responder a ActionEvent.
2.
private void jButton3ActionPerformed (java.awt.event.ActionEvent evt) { / / TODO: Agregar el cdigo de control de aqu: }
3. Ahora vamos a agregar cdigo para lo que queremos la salida del botn para
hacer. Usted tendr que System.exit tipo (0), que el cdigo anterior, en sustitucin de la lnea TODO:. Acabado botn Salir El cdigo debera tener este aspecto
4.
private void jButton3ActionPerformed (java.awt.event.ActionEvent evt) {System.exit (0);} Hacer que el trabajo del botn Borrar
Los cambios en el cdigo encima del texto en los tres JTextFields nuestro alcance para nada, en esencia, es sobrescribir el texto existente con un espacio en blanco. Hacer que el trabajo del botn Agregar El botn Agregar, se realizan tres acciones.
Vamos a empezar!
Nuestro programa se ha completado ahora podemos generar y ejecutar a verlo en accin. Ejercicio 4: Ejecucin del programa en el IDE
1. Seleccione Ejecutar> Ejecutar proyecto principal 2. Si usted consigue una ventana que le informa que el Proyecto
NumberAddition no tiene un conjunto de la clase principal, entonces usted debe seleccionar my.NumberAddition.NumberAdditionUI como la clase principal en la misma ventana y haga clic en el botn Aceptar. Para ejecutar el programa fuera del IDE:
4.
Despus de unos segundos, la aplicacin debe comenzar.
1. En su sistema, abra una ventana del smbolo o terminal. 2. En el smbolo del sistema, cambie al directorio del NumberAddition / dist de 3.
la gua. En la lnea de comandos, escriba la siguiente declaracin:
java-jar NumberAddition.jar Cmo Manejo de Eventos de Obras Este tutorial ha mostrado cmo responder a un evento simple botn. Hay muchos ms eventos que pueden tener su aplicacin responder. El IDE puede ayudar a encontrar la lista de eventos disponibles los componentes de interfaz grfica de usuario puede manejar:
3.
4.
Cmo manejo de eventos de trabajo? Cada vez que seleccione un evento en el men de eventos, el IDE crea automticamente una llamada de detector de eventos, as que para usted, y los ganchos que a su componente. Ir a travs de los pasos siguientes para ver cmo funciona el manejo de eventos.
3.
5.
6.
En trminos generales, para ser capaz de responder, cada componente de interfaz grfica de usuario interactiva necesita registrarse para un detector de eventos y necesidades para implementar un controlador de eventos. Como puede ver, NetBeans IDE se encarga de conectar el detector de eventos para ti, para que pueda concentrarse en su aplicacin la lgica de negocio real que debe ser activado por el evento.
Este documento muestra cmo establecer una conexin con una base de datos MySQL desde el IDE NetBeans. Una vez conectado, puede comenzar a trabajar con MySQL en el IDE de base de datos del Explorador de la creacin de nuevas bases de datos y tablas, rellenar tablas con datos y ejecutar consultas SQL en las estructuras de base de datos y contenido. Este tutorial est diseado para principiantes con conocimientos bsicos de gestin de base de datos, que quieren aplicar sus conocimientos para trabajar con MySQL en NetBeans IDE. MySQL es Open Source popular sistema de bases de datos relacionales (RDBMS) de uso comn en aplicaciones web gracias a su velocidad, flexibilidad y fiabilidad. MySQL emplea SQL o Structured Query Language, para el acceso y procesamiento de los datos contenidos en bases de datos.
Configuracin de las propiedades del servidor MySQL NetBeans IDE viene con soporte para el RDBMS de MySQL. Antes de poder acceder a la base de datos MySQL Server en NetBeans IDE, debe configurar las propiedades del Servidor MySQL.
1.
En la ventana Servicios, expanda el nodo Bases de datos, haga clic en el nodo MySQL Server y seleccione Propiedades. El MySQL Server cuadro de dilogo Propiedades se abre.
2.
El IDE entra en localhost como el servidor de nombre de host por defecto y 3306 como el servidor de nmero de puerto por defecto. Si esta informacin es correcta, escriba el nombre de usuario administrador (si no se muestra). Nota: necesita acceso administrativo para poder crear y eliminar bases de datos.
3.
Introduzca la contrasea de administrador. El valor predeterminado es en blanco. Nota: Una contrasea en blanco tambin puede ser una contrasea.
4.
Haga clic en la ficha Administrador de Propiedades en la parte superior del cuadro de dilogo. La ficha de administracin de propiedades se muestra a continuacin, lo que le permite introducir la informacin para controlar el servidor MySQL.
6.
En el camino para iniciar comandos, escriba o vaya a la ubicacin del comando de arranque de MySQL. Para encontrar el comando de arranque, busque mysqld en el bin carpeta del directorio de instalacin de MySQL. Nota: El archivo binario se recomienda para Unix y NetWare mysql_safe habiendo. El comando de inicio tambin puede variar si MySQL se ha instalado como parte de una instalacin AMP. Escriba los argumentos para el comando de inicio en el campo Argumentos.
8.
9.
Arrancar el servidor MySQL Antes de que pueda conectarse a un servidor de base de datos MySQL, primero debe asegurarse de que la base de datos MySQL Server se ejecuta en su mquina. El nodo servidor MySQL en el Servicio indica si la base de datos MySQL Server est conectado, como se muestra en la siguiente imagen.
Despus de asegurarse de que la base de datos MySQL Server se ejecuta en su mquina, haga clic en la Base de datos> nodo servidor MySQL en la ventana Servicios y seleccione Conectar.
Cuando se expande, el nodo MySQL Server muestra todos los disponibles las bases de datos MySQL.
Creacin y conexin a la instancia de base de datos Una manera comn de interactuar con bases de datos es a travs de un editor de SQL. NetBeans IDE ha incorporado un editor de SQL para este fin. El editor de SQL es de acceso general a travs de la Comandancia de la opcin Ejecutar, haga clic en men de la derecha del nodo de conexin (o de nodo secundario de los nodos de conexin). Ahora que usted est conectado con el servidor MySQL, puede crear una instancia nueva base de datos con el Editor SQL. Para fines de este tutorial, cree una instancia llamadaMyNewDatabase:
1.
En la ventana Servicios, haga clic en el nodo Servidor MySQL y seleccione Crear base de datos. La creacin de MySQL base de datos de cuadro de dilogo se abre.
2.
En la base de datos MySQL cuadro de dilogo Crear, escriba el nombre de la nueva base de datos. UsaremosMyNewDatabase para este tutorial. Deja la casilla de verificacin no seleccionadas en este momento.
Nota: Tambin puede conceder acceso completo a un usuario determinado. De forma predeterminada, slo el usuario administrador tiene los permisos para realizar ciertos comandos. La lista desplegable le permite asignar estos permisos a un usuario especfico.
3.
Haga clic en Aceptar. La nueva base de datos aparece en el nodo del servidor MySQL en la ventana de Servicios.
Crear tablas de base de datos Ahora que se ha conectado a MyNewDatabase, puede comenzar a explorar cmo crear tablas, rellenar con los datos, y modificar los datos mantenidos en las tablas. Esto le permite tener una mirada ms cercana a la funcionalidad ofrecida por el Explorador de base de datos, as como del IDE NetBeans soporte para los archivos de SQL. MyNewDatabase est actualmente vaco. En el IDE se puede agregar una tabla de base de datos, ya sea usando el cuadro de dilogo Crear tabla, o mediante la introduccin de una consulta SQL y ejecutarlo directamente desde el editor de SQL. Aqu se puede explorar los dos mtodos:
1. Uso del editor de SQL En el Explorador de base de datos, expanda el MyNewDatabase nodo de conexin ( ) Y observe que hay tres subcarpetas: Tablas, Vistas y Procedimientos. Seleccione Ejecutar comandos de la carpeta Tablas en el Explorador de base de datos. Un lienzo en blanco se abre en el editor de SQL en la ventana principal ..
En NetBeans IDE 6.7 Beta, al expandir un nodo de conexin de base de datos, los nodos del esquema aparecen varios. En el editor de SQL, escriba la siguiente consulta. Esta es una definicin de la tabla para el Consejero de tabla que est a punto de crear. CREATE TABLE Consejero (SMALLINT UNSIGNED NOT NULL Identificacin AUTO_INCREMENT, lrscName VARCHAR (50), alias VARCHAR (50), lastName VARCHAR (50), VARCHAR telfono (25), correo electrnico VARCHAR (50), memberSince FECHA POR DEFECTO 0000-00-00 ', PRIMARY KEY (id)); Nota: Las consultas se form en el editor de SQL se analizan en el Lenguaje de consulta estructurado (SQL). SQL se adhiere a estrictas reglas de sintaxis que debe estar familiarizado con el IDE cuando se trabaja en el editor de la. Al ejecutar una consulta, la retroalimentacin del motor SQL se genera en la ventana de resultados indica si la ejecucin fue correcta o no. Para ejecutar la consulta o bien, haga clic en Ejecutar SQL ( ), Situado en la barra de tareas en la parte superior (Ctrl-Shift-E), o haga clic en el editor de SQL y seleccione Ejecutar Declaracin. El IDE genera el Consejero de tabla en la base de datos, y recibir un mensaje similar al siguiente en la ventana de resultados.
Para verificar los cambios, haga clic en el nodo Tablas en el Explorador de base de datos y elija Actualizar. Las actualizaciones opcin Actualizar la base de datos del Explorador de IU el componente de la situacin actual de la base de datos especificada. Tenga en cuenta que el nuevo Consejero de nodo de tabla ( ) Ahora muestra en los cuadros en el explorador de base de datos. Si expande la tabla de nodo se puede ver las columnas (campos) que ha creado, a partir de la clave principal ( ).
2. En el campo de texto Nombre de tabla, tipo de perjuicio. 3. En la primera fila, seleccione la casilla de verificacin Key. Usted est
especificando la clave principal para su tabla.Todas las tablas que se encuentran en bases de datos relacionales debe contener una clave principal. Tenga en cuenta que cuando se selecciona la casilla de verificacin de clave, el ndice y las casillas de verificacin nico tambin selecciona automticamente y la casilla de verificacin seleccionada es nulo. Esto se debe a las claves principales se utilizan para identificar una fila nica en la base de datos, y por la forma predeterminada la tabla ndice. Debido a que todas las filas deben ser identificados, las claves principales no pueden contener un valor nulo. En Nombre de columna, escriba ID. Por tipo de datos, elija SMALLINT de la lista desplegable hacia abajo, a continuacin, haga clic en el botn Agregar columna. Repita este procedimiento mediante la especificacin de todos los dems campos, como se muestra en la tabla siguiente.
4.
5. 6.
Clave
ndice
Nulo
nica [Comprobar]
Tipo de datos
Tamao
FK_counselorID SMALLINT 0
7.
Va a crear una tabla denominada Asunto que contendr los datos para cada uno de los siguientes registros. o Nombre: nombre de la asignatura o Descripcin: descripcin del objeto
Asegrese de que los campos del cuadro de dilogo Crear tabla coinciden con los indicados anteriormente, a continuacin, haga clic en Aceptar. El IDE genera el perjuicio de la tabla en la base de datos, y se puede ver un nuevoperjuicio de nodo de tabla ( ) Se muestran inmediatamente en Tablas en el Explorador de base de datos.
Trabajar con datos de tabla Con el fin de trabajar con datos de la tabla, puede hacer uso del editor de SQL en NetBeans IDE. Mediante la ejecucin de consultas SQL en una base de datos, puede agregar, modificar y eliminar datos mantenidos en las estructuras de base de datos. Para agregar un nuevo registro (fila) a la Consejera de tabla, haga lo siguiente:
2.
4.
Declaracin. En la ventana de salida, se puede ver un mensaje que indica que la consulta se ejecut con xito. Para comprobar que el nuevo disco ha sido aadido a la Consejera de mesa, en el Explorador de base de datos, haga clic con el Consejero de nodo de
tabla y elija Ver datos. Un nuevo SQL panel Editor se abre en la ventana principal. Cuando usted elige vista de datos, una consulta para seleccionar todos los datos de la tabla se genera automticamente en la regin superior del Editor de SQL. Los resultados de la declaracin se muestran en una vista de tabla en la regin inferior. En este ejemplo, el Consejero tabla muestra. Tenga en cuenta que una nueva fila se ha agregado con los datos que acaba de suministrar la consulta SQL.
5.
Ejecucin de una secuencia de comandos SQL Otra forma de administrar datos de la tabla en NetBeans IDE est ejecutando un script externo SQL directamente en el IDE. Si ha creado un script SQL en otro lugar, slo tiene que abrirlo en el IDE NetBeans y ejecutarlo en el editor de SQL.
Para fines demostrativos, descargue ifpwafcad.sql y gurdelo en un lugar en el equipo. Este script crea dos cuadros similares a lo que usted acaba de crear por encima de (Consejero y Asunto), e inmediatamente los rellena con datos.
Debido a que la secuencia de comandos sobreescribe las tablas si ya existe, borra el Consejero y Asunto tablas ahora por lo que resulta evidente que las nuevas tablas se crean cuando se ejecuta el script. Para eliminar tablas: Haga clic en el nodo de la tabla seleccionada en el Explorador de base de datos y elija Eliminar. En el cuadro de dilogo Confirmar la eliminacin de objetos que aparece, haga clic en S. Tenga en cuenta que el nodo de tabla se elimina automticamente desde el Explorador de base de datos. Nota: Puede eliminar ms de la tabla antes de que este cuadro de dilogo.
2.
4.
5.
) Situado en la barra de tareas el Editor SQL. El script se ejecuta en la base de datos seleccionada, y cualquier informacin se genera en la ventana de resultados. Para verificar los cambios, haga clic en el MyNewDatabase nodo de conexin en la ventana de tiempo de ejecucin y elija Actualizar. Las actualizaciones opcin Actualizar la base de datos del Explorador de IU el componente de la situacin actual de la base de datos especificada. Tenga en cuenta que los dos nuevos cuadros de la secuencia de comandos SQL ahora se muestran como nodos cuadro de la MyNewDatabase en el Explorador de base de datos. Elija Ver datos del clic con el botn men de la derecha de un nodo de la tabla seleccionada para ver los datos contenidos en las nuevas tablas. De esta manera, usted puede comparar los datos de tabla con los datos contenidos en la secuencia de comandos SQL para ver si coinciden.
Este tutorial muestra cmo crear una aplicacin de escritorio Java a travs del cual se puede acceder y actualizar una base de datos. El tutorial se aprovecha de la ayuda en NetBeans IDE para las siguientes tecnologas:
El Java Persistence API (JPA), que le ayuda a usar el cdigo de Java para interactuar con bases de datos. Beans Binding (JSR-295), que proporciona una forma de JavaBeans diferentes componentes a tener valores de las propiedades que se sincronizan entre s. Por ejemplo, puede utilizar granos de enlace para mantener los valores de las celdas de un componente visual JTable en sintona con los valores de los campos en una clase de entidad. (A su vez, la clase de entidad representa la tabla de base de datos.) El marco de aplicacin Swing (JSR-296), que proporciona algunos elementos bsicos de utilidad para la creacin rpida de aplicaciones de escritorio.
Vamos a crear una base de datos de CRUD (crear, leer, actualizar, eliminar) la aplicacin con un componente personalizado que se utiliza para la visualizacin de los datos (vista previa de diseo de automviles).
Configuracin de la base de datos Antes de empezar a crear un escritorio CRUD (crear, leer, actualizar, eliminar) la aplicacin en el IDE, ya debe tener el IDE conectado a la base de datos que la aplicacin utilizar. Tener este tipo de conexin de antemano le permitir aprovechar las caractersticas de IDE que automatizan la unin de la base de datos a su aplicacin. En este tutorial se proporcionan instrucciones para el uso de una base de datos Java DB, ya que es una interfaz cmoda para el arranque y parada de la base de datos de base de datos del servidor de Java desde el IDE. Sin embargo, puede utilizar un servidor de base de datos diferente, sin tanta dificultad tambin. En primer lugar compruebe que dispone de Java DB registrados en el IDE de Java DB. Se registra automticamente en el IDE en un nmero de casos, como cuando se tiene el servidor de aplicaciones GlassFish registrados en el IDE o cuando se ejecuta en JDK 6. Si Java DB no est registrado en el IDE, el registro de forma manual.
1. Abra la ventana de Servicios. 2. Haga clic en la Base de datos> Java DB nodo y seleccione Propiedades.
Si Java DB es registrada, la base de datos de instalacin de Java y Localizacin campos de base de datos va a ser llenado pulg Si Java DB no est registrado, rellene los siguientes campos: Instalacin de Java DB. Introduzca la ruta de acceso al servidor de base de datos. o Ubicacin de base de datos. Entra en la carpeta donde desea que la base de datos a almacenar. Haga clic en Aceptar. o
2.
Arrancar el servidor y crear una base de datos Una vez que Java DB se registra con el IDE, es fcil iniciar y detener el servidor de base de datos, as como crear una nueva base de datos.
Para iniciar el servidor de base de datos en el IDE: Si an no tienes un lugar establecido para la base de datos, el Conjunto de base de datos cuadro de dilogo ubicacin. Escriba una ubicacin para el servidor de base de datos para almacenar las bases de datos. Puede crear una nueva carpeta all si lo desea. En la ventana Servicios, haga clic en Bases de Datos> Java DB y seleccione Iniciar servidor.
Una vez que se inicie el servidor, base de datos Java DB ficha proceso se abre en la ventana de salida y muestra un mensaje similar al siguiente:
Apache Derby Network Server - 10.2.2.0 - (485.682) en marcha y listo para aceptar conexiones en el puerto 1527 en 09/05/2007 10:26:25.424 GMT
3.
Conexin a la base de datos Hasta ahora, hemos iniciado con xito el servidor de base de datos y crear una base de datos. Sin embargo, todava es necesario para conectarse a la nueva base de datos antes de que podamos empezar a trabajar con l en el IDE. Para conectarse a la car_database base de datos:
Cambie a la ventana de Servicios (Ctrl +5) y ampliar el nodo Bases de datos para ver a su nueva base de datos.
Haga clic en el nodo de conexin de base de datos (JDBC: 1527/car_database [sobre NBUSER] nbuser: derby: / / localhost) y seleccione Conectar. El icono del nodo de conexin debera aparecer ahora su conjunto ( que significa que la conexin se ha realizado correctamente. ), Lo
Expanda el nodo de conexin, haga clic en el subnodo Tablas y seleccione Ejecutar Comando. Copiar el contenido de la car.sql archivos y pegarlos en el comando SQL una ficha del editor de cdigo.
Car.sql: create table "CAR" ( "MAKE" VARCHAR(50) not null primary key, "MODEL" VARCHAR(50), "PRICE" INTEGER, "BODY_STYLE" VARCHAR(30), "COLOR" VARCHAR(20), "SUN_ROOF" INTEGER default 0, "SPOILER" INTEGER default 0, "TIRE_SIZE" INTEGER, "TIRE_TYPE" INTEGER, "MODERNNESS" INTEGER ); insert into car values ('Acura', 'NSX', 47075, 'coupe', 'yellow', 1, 1, 18, 1, 38); insert into car values ('Audi', 'A8', 63890, 'sedan', 'black', 1, 0, 24, 0, 88); insert into car values ('BMW', 'M-Series', 108900, 'coupe', 'red', 1, 0, 50, 0, 44); insert into car values ('Buick', 'Lucerne', 31599, 'sedan', 'black', 1, 0, 26, 2, 65); insert into car values ('Cadilac', 'XLR', 62777, 'convertible', 'green', 0, 0, 14, 1, 26); insert into car values ('Chevrolet', 'Corvette', 74999, 'coupe', 'yellow', 0, 0, 53, 2, 44); insert into car values ('Chrysler', 'Sebring', 89595, 'convertible', 'silver', 1, 1, 63, 0, 49); insert into car values ('Daewoo', 'Leganza', 10590, 'sedan', 'blue', 1, 0, 47, 1, 66);
insert into car values ('Dodge', 'Ram 2500', 38825, 'pickup', 'white', 0, 1, 96, 1, 82); insert into car values ('Eagle', 'Talon', 5995, 'hatchback', 'silver', 1, 1, 42, 1, 53); insert into car values ('Ford', 'F250', 47440, 'pickup', 'orange', 0, 1, 46, 1, 57); insert into car values ('Geo', 'Metro LSI', 3495, 'convertible', 'green', 0, 1, 54, 0, 74); insert into car values ('GMC', 'Yukon XL Denali', 46355, 'wagon', 'gray', 0, 1, 63, 1, 45); insert into car values ('Honda', 'Odyssey', 34895, 'coupe', 'white', 1, 1, 11, 2, 68); insert into car values ('Hummer', 'H1', 119999, 'sedan', 'red', 1, 1, 39, 0, 17); insert into car values ('Hyundai', 'Azera', 27950, 'sedan', 'silver', 1, 1, 13, 0, 18); insert into car values ('Infiniti', 'QX56', 44995, 'wagon', 'green', 0, 0, 15, 2, 75); insert into car values ('Isuzu', 'Hombre', 30545, 'wagon', 'white', 1, 0, 16, 2, 55); insert into car values ('Jaguar', 'XK', 91675, 'convertible', 'brown', 1, 1, 17, 2, 31); insert into car values ('Jeep', 'Commander', 37497, 'wagon', 'silver', 1, 1, 54, 0, 96); insert into car values ('Kia', 'Amanti', 25988, 'sedan', 'gray', 1, 1, 62, 0, 100); insert into car values ('Land Rover', 'Range Rover', 89350, 'wagon', 'black', 0, 1, 71, 0, 63); insert into car values ('Lexus', 'SC 430', 61321, 'convertible', 'yellow', 1, 1, 81, 0, 98); insert into car values ('Lincoln', 'Navigator', 42500, 'wagon', 'blue', 1, 1, 46, 0, 85); insert into car values ('Mazda', 'CX-7', 27988, 'wagon', 'brown', 1, 0, 28, 0, 40); insert into car values ('Mercedes-Benz', 'CLS Class', 86900, 'sedan', 'black', 0, 1, 99, 1, 46);
insert into car values ('Mercury', 'Mariner', 30995, 'wagon', 'red', 0, 0, 59, 2, 41); insert into car values ('MINI', 'Cooper', 32930, 'convertible', 'silver', 0, 0, 78, 1, 98); insert into car values ('Mitsubishi', 'Eclipse', 31995, 'convertible', 'red', 0, 0, 83, 1, 48); insert into car values ('Nissan', 'Armada', 36777, 'wagon', 'blue', 0, 1, 11, 1, 60); insert into car values ('Oldsmobile', 'Silhouette', 17500, 'wagon', 'blue', 1, 1, 79, 1, 27); insert into car values ('Plymouth', 'Voyager', 9995, 'wagon', 'white', 1, 1, 37, 1, 13); insert into car values ('Pontiac', 'Firebird', 39999, 'hatchback', 'red', 0, 0, 13, 0, 18); insert into car values ('Porche', '911 Carrera', 399999, 'coupe', 'silver', 1, 0, 18, 2, 58); insert into car values ('Saab', '9-3', 35999, 'convertible', 'green', 1, 1, 16, 0, 13); insert into car values ('Saturn', 'Sky', 27499, 'convertible', 'silver', 1, 1, 25, 0, 86); insert into car values ('Scion', 'tC', 21530, 'sedan', 'red', 0, 0, 92, 1, 37); insert into car values ('Subaru', 'B9 Tribeca', 34999, 'wagon', 'green', 0, 1, 98, 0, 88); insert into car values ('Suzuki', 'XL-7', 25880, 'wagon', 'brown', 1, 0, 83, 1, 16); insert into car values ('Toytota', 'MR2 Spyder', 99999, 'convertible', 'silver', 0, 0, 21, 2, 99); insert into car values ('Volkswagen', 'Touareg', 51274, 'wagon', 'black', 1, 0, 91, 0, 48); insert into car values ('Volvo', 'XC90', 45845, 'wagon', 'gray', 0, 0, 31, 2, 32);
Esta es la secuencia de comandos SQL que pueblan la base de datos con datos sobre los coches.
Crear la aplicacin Seleccione Archivo> Nuevo proyecto. En el primer panel del asistente, expanda la categora de Java y seleccione la plantilla Aplicacin de Java Desktop System. Haga clic en Siguiente. La plantilla de aplicacin de Java Desktop proporciona muchos de los conceptos bsicos de una aplicacin visual, incluyendo los elementos de men y comandos bsicos. En la pgina Nombre y Ubicacin del asistente, haga lo siguiente: o En el campo Nombre del proyecto, el tipo CarsApp. El valor de este campo se configura el nombre de presentacin del proyecto en la ventana de proyectos. o Seleccione la casilla de verificacin Establecer como principal proyecto. o (Opcional) Edite el campo Ubicacin del proyecto para cambiar la ubicacin de los metadatos del proyecto. o (Opcional) Seleccione la opcin Usar carpeta dedicada para almacenar casilla Bibliotecas y especificar la ubicacin de la carpeta de las bibliotecas. o En el campo Seleccione Aplicacin de Shell, seleccione Base de datos de aplicaciones. Haga clic en Siguiente. En la tabla de la pgina principal del asistente, seleccione la conexin de base de datos para el coche base de datos:. El listado de la base de datos debe tener un aspecto como el siguiente jdbc: derby: / / localhost:] 1527/car_database [nbuser en NBUSER Llene la contrasea (nbuser) para la base de datos y seleccione la Recordar contrasea Durante este perodo de sesiones casilla. Despus de la conexin a la base de datos est establecido, la Mesa de campo de base de datos debera mostrar COCHE y las columnas a la lista Incluir debe incluir los nombres de 10 columnas de la base de datos de CAR. Por ahora, vamos a utilizar slo cinco de ellos en la solicitud. Seleccione la parte inferior cinco nombres de la columna (a partir de SUN_ROOF y terminando con la modernidad) y haga clic en el < botn para pasar a la columna de la izquierda. Haga clic en Siguiente. En el panel Detalle Opciones, haga clic en Finalizar. El asistente genera la interfaz bsica de un usuario con una mesa y una conexin de base de datos. Esto puede tardar unos segundos en el IDE genera el proyecto y el cdigo. Ejecutar la aplicacin de creacin En este punto, usted tiene una aplicacin en ejecucin de base con una interfaz grfica de usuario (GUI) que tiene las siguientes caractersticas: Capacidad para ver y modificar los valores en cinco columnas de la base de datos de CAR.
Bsicos elementos de men. La persistencia de su estado de ventana entre sesiones. Al cerrar la aplicacin, la posicin de la ventana y el tamao son recordados. As que cuando vuelva a abrir la aplicacin, la ventana se abre en la misma posicin que estaba cuando se cerr. Un cuadro de dilogo Acerca de, que puede personalizar fcilmente. propiedades. archivos que contienen las etiquetas en la interfaz de usuario. Uso de las propiedades. archivos es una buena manera de mantener la lgica del cdigo separado del texto que aparece en la interfaz de usuario de su aplicacin. Esta separacin es til para hacer ms fcil la localizacin de su programa, entre otras razones.
Para ver algunas de las caractersticas que ya estn incorporados en la aplicacin, siga estos pasos: Haga clic en el nodo del proyecto y seleccione Ejecutar. Despus de unos segundos, se inicia la aplicacin y una ventana llamada base de datos Ejemplo de aplicacin aparece. Esta ventana contiene una tabla y varios controles que le permiten modificar la base de datos COCHES. Seleccione el primer registro de la tabla (por el Acura). Seleccione el campo de texto Precio y reemplazar el valor existente con 46.999. A continuacin, pulse Intro. El valor debe aparecer actualiza en la tabla. (Sin embargo, ese valor no se reflejar en la base de datos hasta que haga clic en Guardar.) Del mismo modo, usted puede actualizar cualquier otro valor en la tabla. Haga clic en Nuevo para crear un nuevo registro. Luego, rellene los valores para cada uno de los campos (marca, modelo, precio, tipo de carrocera, color). Por ejemplo, usted puede llenar en Trabant, Clsico, 1000, carreta, y azul. Haga clic en Guardar para guardar la entrada en la base de datos. Haga clic en la base de datos Ejemplo de aplicacin barra de ttulo y arrastre la aplicacin a un lugar diferente en la pantalla. Haga clic en el borde izquierdo de la ventana de base de datos Ejemplo de aplicacin y arrastre hacia la izquierda para aumentar el tamao de la ventana. En la barra de men de aplicaciones de base de datos Ejemplo, haga clic en Archivo> Salir. En el IDE, haga clic en el nodo del proyecto y seleccione Ejecutar proyecto. El ejemplo de aplicacin ventana Base de datos se abrir en el mismo tamao y posicin en que estaba cuando se cerr la aplicacin. Revisin de los elementos de creacin de la Solicitud La conexin entre la tabla principal (un componente JTable) y la base de datos se maneja con una combinacin de los siguientes mecanismos, todos los cuales se han generado por el IDE: El Car.java clase de entidad, que se utiliza para leer y escribir datos en la tabla de base de datos de CAR. Las clases de entidad son un tipo especial de clase que le permiten interactuar con bases de datos a travs del cdigo de
Java. Las clases de entidad utilizar Java anotaciones a los campos de clase se asignan a columnas de base de datos. El META-INF/persistence.xml archivo, que define una conexin entre la base de datos y la clase de entidad. Este archivo tambin se conoce como la unidad de persistencia. Uso de granos de enlace para conectar las propiedades de la clase de entidad con las propiedades del componente JTable. vinculante Beans es una nueva tecnologa basada en JSR 295 y que probablemente se incluirn en una futura versin de Java SE. El EntityManager, consulta, y lista de objetos, que se definen en el CarsView clase y que se enumeran en la ventana de informacin. o El objeto de gestor de la entidad se utiliza para recuperar y confirmar los datos en el mbito persistencia unidad definida. o El objeto de consulta define la forma en la recogida de datos en particular es encontrado en el gerente de la entidad. (Usted puede cambiar la forma en que el objeto de consulta mediante la seleccin de las obras objeto de consulta en la ventana Inspectory y cambiar la consulta de la propiedad en la hoja de propiedades. La consulta de propiedad utiliza el lenguaje de consulta APP. o El objeto de la lista es una coleccin observables que contiene los datos de la consulta. Una coleccin observable es un tipo especial de coleccin en la que se puede colocar un detector para saber cuando los cambios en la coleccin se han hecho. Uso de la ventana de informacin y la hoja de propiedades, puede seguir estos pasos para ver cmo el JTable se enlaza a datos:
2. 3.
Adems de la categora de enlace en la hoja de propiedades tambin se puede utilizar el men de Enlace en el men contextual. Agregar controles adicionales Ahora vamos a agregar controles al formulario para algunos de los atributos que inicialmente excluidos. En vez de usar una tabla, vamos a aadir componentes JSlider (para el tamao de los neumticos y los atributos de modernidad) y los componentes JCheckBox (para el techo solar y el alern).
Nota: Si se le cae el componente en un lugar que no quieres y por lo tanto causar varios cambios de diseo no deseado, puede utilizar el comando Deshacer para deshacer los cambios. Elija Edicin> Deshacer o presione Ctrl-Z.
3. Estirar la barra a la derecha para atravesar el ancho de forma entera. 4. Aadir una etiqueta a la izquierda de la barra y establezca su texto
para Tamao del neumtico. (Haga clic en la etiqueta para que sea editable.) Agregue otro control deslizante debajo del regulador de primera, y ajustar su anchura y alineacin en caso necesario. Aadir otra etiqueta debajo de la etiqueta Tamao del neumtico y establezca su texto Modernidad. Agregue dos casillas por debajo de las barras de desplazamiento. Puesto su texto a Spoiler y Sun Roof. (Haga que el texto de la pantalla editable pulsando la casilla de verificacin una vez, haciendo una pausa, y luego hacer clic en la casilla de nuevo. Tambin puede hacer clic en la casilla de verificacin y seleccione Editar texto.)
5. 6. 7.
8.
La forma debe ser similar a la captura de pantalla se muestra a continuacin.
Enlazar controles a los valores en la tabla Ahora vamos a utilizar granos de caractersticas de enlace para vincular los valores mostrados en celdas de tabla para el estado de los controles que ha agregado. Esto le permitir cambiar los valores de las celdas de la tabla utilizando los deslizadores y las casillas de verificacin.
4. Haga clic en Aceptar para salir del cuadro de dilogo Enlazar. 5. En el formulario, haga clic en la casilla de verificacin Sun Roof y seleccione
Enlazar> seleccionado.
Ahora debera ser capaz de cambiar las entradas de base de datos utilizando el deslizador y las casillas de verificacin.
1. Abra la ventana de Servicios. 2. Asegrese de que el IDE tiene una conexin a la base de datos, haga clic en
Base de datos> jdbc: derby; / / localhost: 1527/car_database y elegir Conectar. Haga clic en la Base de datos> jdbc: derby; / / localhost:> Tablas 1527/car_database> nodo y elija Ver datos. Mira el SUN_ROOF, SPOILER, TIRE_SIZE, modernidad y los valores para el primer registro. Seleccione Ejecutar> Ejecutar proyecto principal para ejecutar la aplicacin. La aplicacin que se ejecuta debe ser similar a la captura de pantalla se muestra a continuacin.
3. 4. 5.
6. 7. 8. 9.
En la aplicacin en ejecucin, seleccione el primer registro. Mueva los controles deslizantes y cambiar las selecciones de casilla. Haga clic en Guardar para guardar los cambios en la base de datos. En la ventana Servicios, utilice el comando Ver los datos de nuevo. Los valores en la base de datos deben reflejar los cambios que ha realizado.
La creacin de un componente personalizado Para una demostracin ms grfica de los granos, incluso obligatorio en accin, vamos a aadir un componente personalizado que va a pintar una vista previa del vehculo seleccionado. Vamos a enlazar propiedades de este componente a elementos de la tabla correspondiente. Luego, cuando se ejecuta de nuevo la aplicacin, la vista previa de coches se modificar a medida que cambia la fila seleccionada y cambiar los valores de los distintos campos.
1. Si an no lo ha hecho, descargue el archivo CarPreview.zip. 2. Con una herramienta estndar zip, extraer los archivos del archivo zip. 3. Elija Archivo> Abrir proyecto y navegar en el contenido extrado del archivo
zip y seleccione el proyecto CarPreview.
Este componente fue escrito como un componente JavaBeans, por lo que podra aadir a la paleta, lo que sera conveniente para agregar el componente a mltiples aplicaciones. Pero por ahora simplemente arrastre el componente directamente en su aplicacin directamente desde la ventana de proyectos.
3.
6.
Generar e implementar la aplicacin Una vez que est satisfecho de que la aplicacin funciona correctamente, usted puede preparar la solicitud para el despliegue fuera del IDE. En esta seccin se basar en distribuir productos de aplicacin y ejecutar la aplicacin desde fuera del IDE. Construccin de la Aplicacin El aumento principal de comando en el IDE es el comando de generacin y Limpieza. El comando Limpiar y construir elimina clases compiladas previamente y construir otros artefactos y luego vuelve a generar todo el proyecto desde cero. Para generar la aplicacin:
La produccin de la hormiga script aparece en la ventana de salida. Si la ventana de salida no aparece, puede abrirlo manualmente seleccionando Ventana> Salida> Salida. Al limpiar y construir su proyecto, se producen las siguientes: carpetas de salida que se han generado por las anteriores acciones de construccin se suprimen ("limpia"). (En la mayora de los casos, se trata de laconstruccin y dist carpetas.) construir y dist carpetas se agregan a la carpeta del proyecto (en lo sucesivo, la PROJECT_HOME carpeta). Todas las fuentes se compilan en . clase de archivos, que se colocan en el PROJECT_HOMEy construccin de carpeta. Un archivo JAR que contiene el proyecto se crea dentro de la PROJECT_HOME/ dist carpeta. Si ha especificado ninguna biblioteca para el proyecto (adems de la JDK), un lib carpeta se crea en el dist carpeta. Las bibliotecas se copian en dist / lib. El archivo de manifiesto en el JAR se actualiza para incluir las entradas que designe a la clase principal y todas las bibliotecas que estn en proyecto la ruta de clases.
Ejecutar la aplicacin fuera del IDE Para ejecutar la aplicacin fuera del IDE:
Nota: Si al hacer doble clic en el archivo JAR no se inicia la aplicacin, Si no sucede nada al hacer doble clic en el archivo JAR, podra ser debido a alguna de las siguientes dos razones: El tipo de archivo JAR no est probablemente asociado con un entorno de ejecucin Java (JRE) en ese sistema.
Si el tipo de archivo JAR se asocia con un JRE, el icono que representa ese archivo debe incluir un logotipo de Java. El tipo de archivo JAR se asocia con el JRE, pero el jar- opcin no est incluido en el comando que se pasa a la JRE al hacer doble clic en el icono.
Nota: A veces las asociaciones de archivos JAR se cambian por un software que instalar, como el software para manejar archivos zip. Para agregar la asociacin de archivos JAR en sistemas Microsoft Windows:
1. Asegrese de que hay una versin del JRE instalado en su sistema. Usted
debe utilizar la versin 1.4.2 o posterior. (Si usted tiene el JDK instalado, usted tambin consigue el JRE. Sin embargo, si va a distribuir el programa a un no-programador, esa persona no tiene por qu tener el JRE o JDK). En Windows XP, puede comprobar las versiones de JRE instalado en Inicio> Panel de Control> Agregar o Quitar Programas. Si no hay un JRE en el sistema, usted puede conseguir uno desde el sitio de descargas de Java SE. Si usted tiene un JRE instalado en su sistema, pero la asociacin de archivos no funciona, contine con los pasos por debajo de la.
2. 3. 4. 5. 6. 7. 8. 9.
Seleccione Inicio> Panel de control. Haga doble clic en Opciones de carpeta. Seleccione la pestaa Tipos de archivo. En la lista Tipos de archivo registrados, seleccione Archivo JAR. En la seccin Detalles del cuadro de dilogo, haga clic en Cambiar. En el cuadro de dilogo Abrir con, seleccione la plataforma Java SE binario. Haga clic en Aceptar para salir del cuadro de dilogo Abrir con. Haga clic en Cerrar para salir del cuadro de dilogo Opciones de carpeta.
Si los archivos JAR se asocian con la plataforma Java SE binarios en su sistema, pero haciendo doble clic todava no se ejecuta el archivo JAR, es posible que deba especificar el -jar opcin en la asociacin de archivos. Para especificar el -jar opcin en la asociacin de archivos:
1. 2. 3. 4. 5. 6. 7.
Seleccione Inicio> Panel de control. Haga doble clic en Opciones de carpeta. Seleccione la pestaa Tipos de archivo. En la lista Tipos de archivo registrados, seleccione Archivo JAR. En la seccin Detalles del cuadro de dilogo, haga clic en Opciones avanzadas. En el cuadro de dilogo Editar tipo, haga clic en Modificar. En la Aplicacin utilizada para realizar el campo de texto Accin, agregue lo siguiente al final de la ruta al JRE:
-Jar "% 1"% * Posteriormente, el campo debe contener un texto similar a lo siguiente: "C: \ Archivos de programa \ Java \ jre1.6.0_14 \ bin \ javaw.exe"-jar "% 1"% *
9. Haga clic en Aceptar para salir del cuadro de dilogo Editar tipo. 10. Haga clic en Cerrar para salir del cuadro de dilogo Opciones de carpeta.
Para los sistemas UNIX y Linux, el procedimiento para cambiar las asociaciones de archivos depende de qu entorno de escritorio (como GNOME o KDE) que est utilizando. Mira en el entorno de las preferencias de configuracin de su escritorio o consulte la documentacin del entorno de escritorio.
1. 2. 3. 4.
Inicio de Java DB desde fuera del IDE. En su sistema, abra una ventana del smbolo o terminal. En el smbolo del sistema, cambie al directorio del / dist CarsApp directorio. En la lnea de comandos, escriba la siguiente declaracin:
java-jar CarsApp.jar La distribucin de la aplicacin a otros usuarios Ahora que ha comprobado que la aplicacin funciona fuera del IDE, ya est listo para distribuir la aplicacin.
2.
3.
En este tutorial, se utiliza el IDE NetBeans para crear y desplegar una aplicacin Java Swing que muestra datos de una base de datos. La aplicacin utiliza el marco de Hibernate como capa de persistencia para recuperar POJOs (de objetos tpicos JAVA) de una base de datos relacional.
Hibernate es un framework que proporciona herramientas para el mapeo de objetos relacionales (ORM). El tutorial se muestra el apoyo al marco de hibernacin incluido en el IDE y cmo utilizar los asistentes para crear los archivos de hibernacin es necesario. Despus de crear los objetos Java y configurar la aplicacin para utilizar Hibernate, se crea una interfaz grfica de usuario para la bsqueda y visualizacin de los datos.
La aplicacin que se genera en este tutorial es una aplicacin de administracin de compaa para la aplicacin web de la tienda de DVD. Este tutorial explica cmo crear una aplicacin que permite consultar actor perfil de una base en el partido con el primer nombre o apellido. Si desea usted puede extender la aplicacin a los detalles de cine de consulta y para agregar, actualizar o eliminar elementos. Este tutorial usa MySQL y la base de datos Sakila, pero puede usar cualquier servidor de bases de datos compatibles con las aplicaciones de Hibernate. Sakila La base de datos es una base de datos de ejemplo que se puede descargar desde el sitio de MySQL. Informacin para la creacin de la base de datos Sakila se proporciona en las secciones siguientes. Creacin de la base de datos Este tutorial usa una base de datos MySQL llamada Sakila. La base de datos de la muestra no se incluye al instalar el IDE por lo que necesita para crear la primera base de datos para seguir este tutorial. La base de datos Sakila es una muestra gratis de base de datos MySQL que est disponible en el sitio de MySQL. Para crear la base de datos Sakila puede descargar e instalar el plugin Sakila muestra de base de datos utilizando el gestor de plugins. Despus de instalar el plugin puede crear la base de datos de la Sakila ventana de Servicios. Sakila La base de datos se agrega a la lista de bases de datos en la base de datos MySQL Crear cuadro de dilogo.
Para obtener ms informacin sobre cmo configurar el IDE para trabajar con MySQL, consulte la Conexin a una base de datos MySQL Tutorial.
3. 4.
Al hacer clic en un nodo Sakila aparece bajo el nodo del servidor MySQL.
6.
Al hacer clic en Conectar un nodo de conexin de base de datos para la base de datos Sakila (jdbc: mysql: / / localhost: [3306/sakilanombre de usuario por defecto en]) aparece bajo el nodo Bases de datos de base de datos. Cuando una conexin est abierta, puede ver los datos de la mediante la ampliacin del nodo de conexin.
Crear el proyecto de aplicacin Java Swing En este ejercicio se crea un simple proyecto de aplicacin Java Swing llamado DVDStoreAdmin.
4.
una carpeta especfica, ya que no ser necesario que las bibliotecas compartirlos con otros usuarios. Deseleccionar Crear clase principal. Haga clic en Finalizar.
Al hacer clic en Finalizar, el IDE crea el proyecto de aplicacin de Java. El proyecto no tiene una clase principal. Crear un formulario y establezca la forma como la clase principal.
Agregar compatibilidad con Hibernate para el Proyecto Para aadir soporte para Hibernate a un proyecto J2SE es necesario agregar la biblioteca Hibernate para el proyecto. La biblioteca Hibernate se incluye con el IDE y se pueden aadir a cualquier proyecto, haga clic en el 'Bibliotecas' nodo en la ventana de proyectos, seleccin de "Aadir Biblioteca" y luego seleccionar la biblioteca de hibernacin en el cuadro de dilogo Agregar a biblioteca.
El IDE incluye asistentes para ayudarle a crear los archivos de hibernacin que puede necesitar en su proyecto. Puede utilizar los asistentes en el IDE para crear un archivo de configuracin de Hibernate y un ayudante de clase de utilidad. Si se crea el fichero de configuracin de Hibernate mediante un asistente del IDE agrega automticamente las bibliotecas de Hibernate para el proyecto.
Creacin del archivo de configuracin de Hibernate El archivo de configuracin de Hibernate (hibernate.cfg.xml) contiene informacin sobre la conexin de base de datos, las asignaciones de recursos, y con otras propiedades. Cuando se crea un archivo de configuracin de Hibernate mediante un asistente que especificar la conexin de base de datos mediante la eleccin de una lista de conexin de base de datos registrada con el IDE. Cuando se genera el archivo de configuracin del IDE agrega automticamente los detalles de conexin e informacin dialecto basado en la conexin de base de datos seleccionada. El IDE tambin se agrega automticamente a la biblioteca Hibernate para la ruta de clase del proyecto. Despus de crear el archivo de configuracin que puede editar el archivo utilizando el editor de multi-vista, o editar el cdigo XML directamente en el editor XML.
4.
Al hacer clic en Finalizar el IDE abre hibernate.cfg.xml en el editor de cdigo fuente. El IDE crea el archivo de configuracin en la raz de la ruta de clases marco de la aplicacin (en la ventana de Archivos, WEB-INF/classes). En la ventana Proyectos el archivo se encuentra en el <default ENVASE paquete fuente. El archivo de configuracin contiene informacin sobre una nica base de datos. Si va a conectarse a varias bases de datos, puede crear varios archivos de configuracin en el proyecto, una para cada base de datos de servidores, sino por defecto, la clase de utilidad de ayuda se utilice el hibernate.cfg.xml archivo que se encuentra en la ubicacin de la raz.
Si expande el nodo Bibliotecas en la ventana de proyectos se puede ver que el IDE ha agregado la necesaria JAR archivos de hibernacin y el JAR conector MySQL.
Modificar el archivo de configuracin de Hibernate En este ejercicio usted editar las propiedades por defecto especificado en hibernate.cfg.xml para permitir el registro de depuracin para las sentencias SQL.
2. 3. 4.
6.
Si hace clic en la ficha XML en el editor puede ver el archivo en la vista XML. El archivo debe tener el siguiente aspecto: <hibernate-configuration> name="session1"> name="hibernate.dialect"> <session-factory <propiedad org.hibernate.dialect.MySQLDialect </ propiedad> <propiedad com name="hibernate.connection.driver_class">. mysql.jdbc.Driver </ propiedad> <propiedad name="hibernate.connection.url"> jdbc: mysql: / / localhost: 3306/sakila </ propiedad> <propiedad name="hibernate.connection.username"> <root / propiedad <propiedad> name="hibernate.connection.password"> ######</> <propiedad propiedad <name="hibernate.show_sql"> verdadero /> Construccin <nombre de la propiedad = "hibernate.query.factory_class "<org.hibernate.hql.classic.ClassicQueryTranslatorFactory> / <> Construccin /> <fbrica de sesiones / hibernate-configuration>
Cuando se ejecute el proyecto que ser capaz de ver la consulta SQL impresa en la ventana de salida del IDE.
Creacin de la HibernateUtil.java Archivo de Ayuda Para utilizar Hibernate tiene que crear una clase auxiliar que se encarga de puesta en marcha y que tiene acceso a HibernateSessionFactory para obtener un objeto de sesin. La clase de llamadas de Hibernate configure () mtodo, carga elhibernate.cfg.xml archivo de configuracin y, a continuacin se basa la SessionFactory para obtener la objeto de sesin.
En esta seccin se utiliza el Asistente para archivo de nuevo para crear la clase auxiliar HibernateUtil.java.
Haga clic en el nodo Source Packages y seleccione Nuevo> Otros para abrir el asistente Nuevo archivo. Seleccione hibernacin de la lista Categoras y HibernateUtil.java de la lista Tipos de archivo. Haga clic en Siguiente. Tipo HibernateUtil para el nombre de clase y sakila.util como el nombre del paquete. Haga clic en Finalizar.
Al hacer clic en Finalizar, HibernateUtil.java abre en el editor. Usted puede cerrar el archivo porque no es necesario editar el archivo.
Generacin de archivos de mapeo Hibernate y las clases de Java En este tutorial se utiliza un viejo objeto de Java simple (POJO), Actor.java, para representar los datos en el actor tabla en la base de datos. La clase especifica los campos de las columnas de las tablas y utiliza emisores de simple y captadores para recuperar y escribir los datos. Para asignar Actor.java a la mesa ACTOR puede usar un archivo de asignacin de hibernacin o anotaciones uso en la clase.
Usted puede utilizar el asistente de ingeniera inversa y la asignacin de archivos de hibernacin y POJOs de un asistente de base de datos para crear POJOs mltiples y archivos de asignacin basado en tablas de base de datos que seleccione. Alternativamente, puede utilizar los asistentes en el IDE para ayudarle a crear POJOs individuales y cartografa archivos desde cero.
Notas. Si est utilizando NetBeans IDE 6.5, no es necesario para crear el hibernate.reveng archivo con el asistente de ingeniera inversa. Se crea el archivo de la ingeniera inversa y especificar las tablas de base de datos en los archivos de mapeo Hibernate y POJOs de un asistente de base de datos.
Cuando se desea crear archivos de varias tablas lo ms probable es que desee utilizar los asistentes. En este tutorial slo tiene que crear un POJO y un archivo de asignacin por lo que es bastante fcil de crear los archivos de forma individual. Usted puede ver los pasos para la creacin de la POJOs y archivos de asignacin individual al final de este tutorial.
Creacin del archivo de ingeniera inversa El archivo de la ingeniera inversa (hibernate.reveng.xml) es un archivo XML que se pueden utilizar para modificar la configuracin predeterminada que se utiliza cuando la generacin de archivos de hibernacin de los metadatos de la base de datos especificados en el hibernate.cfg.xml. El asistente genera el archivo con base configuracin por defecto. Puede modificar el archivo para especificar explcitamente el esquema de base de datos que se utiliza, para filtrar las tablas
1. Haga clic en el nodo Source Packages y seleccione Nuevo> Otros para abrir 2. 3. 4. 5.
el asistente Nuevo archivo. Seleccione Hibernar en la lista de categoras e Hibernate Asistente para ingeniera inversa de la lista Tipos de archivo.Haga clic en Siguiente. Tipo hibernate.reveng el nombre del archivo. Mantener el valor predeterminado src como la ubicacin. Haga clic en Siguiente. Seleccione el actor en el panel Tablas disponibles y haga clic en Agregar. Haga clic en Finalizar.
El asistente genera una hibernate.reveng.xml archivo de ingeniera inversa. Usted puede cerrar el archivo de la ingeniera inversa, ya que no tendr que editar el archivo.
Creacin de archivos de hibernacin de Cartografa y POJOs Desde una base de datos La asignacin de archivos de hibernacin y POJOs de un asistente de base de datos genera archivos en funcin de las tablas de una base de datos. Cuando se utiliza el asistente, el IDE genera POJOs y archivos de asignacin para usted basado en las tablas de base de datos especificada en hibernate.reveng.xml y aade a continuacin la entradas de asignacin dehibernate.cfg.xml. Cuando se utiliza el asistente, puede seleccionar los archivos que desea que el IDE para generar (slo los POJOs, por ejemplo) y seleccionar las opciones de generacin de cdigo (generar cdigo que utiliza EJB 3 anotaciones, por ejemplo ).
Al hacer clic en Finalizar, el IDE genera el POJO Actor.java con todos los campos necesarios y genera un archivo de mapeo de Hibernate y agrega la entrada de asignacin de hibernate.cfg.xml.
Ahora que usted tiene la POJO y necesarios relacionados con los archivos de hibernacin puede crear una sencilla interfaz grfica de usuario Java front-end de la aplicacin. Tambin se crear a continuacin, agregue una consulta HQL que las consultas de la base de datos para recuperar los datos. En este proceso tambin utilizamos el editor de HQL para construir y probar la consulta.
Creacin de la interfaz grfica de usuario de aplicaciones En este ejercicio va a crear un simple formulario JFrame con algunos campos para introducir y mostrar datos. Tambin agregar un botn que activar una consulta de base de datos para recuperar los datos.
Al hacer clic en Finalizar el IDE crear la clase y se abre el formulario JFrame en la vista Diseo del editor.
Agregar elementos al formulario Ahora necesita agregar los elementos de interfaz de usuario en el formulario. Cuando el formulario est abierto en la vista Diseo en el editor, la paleta aparece en el lado izquierdo del IDE. Para agregar un elemento a la forma, arrastre el elemento de la paleta en el rea del formulario. Despus de agregar un elemento a la forma que usted necesita para modificar el valor predeterminado de la propiedad Nombre de variable de ese elemento.
Elemento
Nombre de variable
Nombre del campo de texto firstNameTextField Apellido del campo de texto lastNameTextField
queryButton resultTable
Ahora que tiene un formulario que usted necesita para crear el cdigo para asignar los eventos a los elementos del formulario. En el prximo ejercicio se va a construir sobre la base de las consultas de Hibernate de lenguaje de consulta para recuperar datos. Despus de construir las consultas que se sumar a los mtodos de la forma de invocar la consulta apropiada cuando el botn se pulsa de consultas.
Crear la consulta en el Editor de consultas HQL En el IDE se puede construir y probar consultas basadas en el lenguaje de consulta de Hibernate (HQL) usando el Editor de consultas HQL. A medida que escribe el
editor de la consulta muestra el equivalente (traducido) de consultas SQL. Al hacer clic en 'Ejecutar consulta HQL "el botn en la barra de herramientas, el IDE ejecuta la consulta y muestra los resultados en la parte inferior del editor.
En este ejercicio se utiliza el Editor de HQL para la construccin de simples consultas HQL que recuperar una lista de "actores sobre la base de datos coinciden con el nombre o apellido. Antes de agregar la consulta a la clase que va a utilizar el Editor de consultas HQL para probar que la conexin est funcionando correctamente y que la consulta produce los resultados deseados.
Si hace clic en el botn SQL encima de los resultados debe ver la siguiente consulta SQL equivalente.
5. Abra una nueva consulta HQL ficha Editor y escriba la siguiente consulta en
el panel del editor. Haga clic en Ejecutar consulta HQL. de un actor en a.lastName como '% MO' La consulta devuelve una lista de actores detalles para los agentes cuyos apellidos comienzan con 'MO'.
Prueba de la muestra las consultas que las consultas devuelven los resultados deseados. El siguiente paso es la implementacin de las consultas en la aplicacin para que la consulta adecuada se invoca haciendo clic en el botn de consulta en el formulario.
Adicin de la consulta para el formulario Ahora debe modificar DVDStoreAdmin.java aadir las cadenas de consulta y crear los mtodos para construir y activar una consulta que incorpora las variables de
entrada. Tambin es necesario modificar el controlador de eventos botn para invocar la consulta correcta y agregar un mtodo para mostrar la resultados de la consulta en la tabla.
1. Abrir DVDStoreAdmin.java y haga clic en la ficha Fuente. 2. Aadir las cadenas de consulta siguientes (en negrita) a la clase.
3. 4.
private static QUERY_BASED_ON_FIRST_NAME String = "de un actor en a.firstName como '"; QUERY_BASED_ON_LAST_NAME private static String = "de un actor en a.lastName como'"; Es posible copiar las consultas de las etiquetas HQL Editor de consultas en el archivo y luego modificar el cdigo.
8.
13. Fijar sus importaciones para agregar java.util.Vector y guardar los cambios.
Ejecucin del Proyecto Ahora que la codificacin est finalizado, puede iniciar la aplicacin. Antes de ejecutar el proyecto, es necesario especificar la aplicacin de la clase principal en el proyecto de las propiedades del cuadro de dilogo. Si no se especifica la clase principal, se le pide que se establezca la primera vez que se ejecuta la aplicacin.
Escriba una cadena de bsqueda en el campo Nombre o Apellido texto y haga clic en Bsqueda para buscar un actor y ver los detalles.
Si nos fijamos en la ventana Resultados de la IDE se puede ver la consulta SQL que recupera los resultados que aparecen.
Descarga del Proyecto Solucin Puede descargar la solucin a este tutorial como un proyecto de la siguiente manera. Descargar un archivo zip del proyecto terminado. Descargar las fuentes del proyecto de las muestras de NetBeans realizando los pasos siguientes: 1. Elegir Equipo> Subversion> Pedido en el men principal. 2. En el cuadro de dilogo Obtener, introduzca la URL del repositorio siguientes: https: / svn.netbeans.org / / svn / ~ muestras de muestras de cdigo fuente Haga clic en Siguiente. 3. Haga clic en Examinar para abrir el cuadro de dilogo Examinar Repostiory carpetas. 4. Expanda el nodo raz y seleccionar muestras / java / DVDStoreAdmin-Ant. Haga clic en Aceptar. 5. Especifique la carpeta local de las fuentes (la carpeta local debe estar vaco). 6. Haga clic en Finalizar. Al hacer clic en Finalizar, el IDE inicializa la carpeta local como un repositorio Subversion a cabo los controles y las fuentes del proyecto.
POJOs Creacin y archivos de asignacin individual Debido a que un POJO es una simple clase Java que puede utilizar el nuevo asistente de clase Java para crear la clase y luego editar la clase en el editor de cdigo fuente para agregar los campos necesarios y captadores y definidores. Despus de crear el POJO, a continuacin, utilizar un asistente para crear un archivo de mapeo de Hibernate para asignar la clase a la tabla y agregar informacin de asignacin de hibernate.cfg.xml. Cuando se crea un archivo de
asignacin a partir de cero es necesario asignar los campos a las columnas en el editor XML. Nota. Este ejercicio es opcional y se describe cmo crear y de asignacin de archivos POJO que ha creado con la asignacin de archivos de hibernacin y POJOs de asistente de base de datos.
4. 5.
interfaz Serializable y aadir campos para las columnas de tabla. public class Actor implementa Serializable { privado a corto actorId; lrscName cadena privada; privada lastName String; privado Fecha lastupdate; }
7.
En Generar getters y setters el cuadro de dilogo, puede utilizar la flecha hacia arriba en el teclado para mover el elemento seleccionado al nodo actor y luego pulsar la barra espaciadora para seleccionar todos los campos de actor.
2. 3. 4.
Al hacer clic en Finalizar el Actor.hbm.xml asignacin de archivo de hibernacin se abre en el editor de cdigo fuente. El IDE tambin agrega automticamente una entrada para la asignacin de recursos a hibernate.cfg.xml. Usted puede ver los detalles de la entrada mediante la ampliacin del nodo de Cartografa en el la vista Diseo de hibernate.cfg.xml o en la vista XML. La asignacin de entrada en la vista XML similar al siguiente: <Mapping resource="sakila/entity/Actor.hbm.xml"/> </ fbrica sesin> </ hibernate-configuration>
6.
haciendo los siguientes cambios (en negrita) alActor.hbm.xml. <hibernate-mapping> <nombre de clase = "sakila.entity.Actor" tabla = "actor"> <id name="actorId" columna> type="java.lang.Short"> name="actor_id"/> <generador "class =" identidad /> </ id> <propiedad name="firstName" type="string"> columna> length="45" name="first_name" not-null="true"/> </ property> < propiedad name = "Apellidos" type = "cadena"> columna> length="45" name="last_name" not-null="true"/> </ propiedad name="lastUpdate" <propiedad> type="timestamp"> length="19"
columna> name="last_update" not-null="true"/> </ property> </ class> </ hibernate-mapping> Puede utilizar la terminacin del cdigo en el editor para completar los valores al modificar el archivo de asignacin.
Nota: Por defecto, la genera la clase tiene un cierre. etiqueta de elemento Debido a que es necesario agregar elementos de propiedad entre la apertura y el cierre de la clase etiquetas de elemento, es necesario realizar los siguientes cambios (en negrita), entonces. Despus de hacer los cambios que puede usar la implementacin del cdigo entre las clases etiquetas. <hibernate-mapping> <nombre de clase = "sakila.entity.Actor" tabla = "actor"> </ class> </ hibernate-mapping>
Creacin de POJOs individuales y archivos de mapeo Hibernate podra ser una manera conveniente para promover la personalizacin de la aplicacin.
Una vez abierto NetBeans, seleccionar la opcin New Project del men File. En el primer dilogo que se abre, seleccionar de la categora Web el tipo de proyecto Web Application. En el siguiente paso, ingresar el nombre del proyecto y dar Next:
Luego, nos solicita el Server. En mi caso, por default tena seleccionado Apache Tomcat 6.0.16, me limit en dar Next. En el ltimo paso nos solicita el framework a utilizar, tildamos Visual Web JavaServer Faces y finalizamos:
Finalizado el asistente, veremos que nos crea unas cuantas carpetas en la estructura del proyecto y por defecto una pgina Page1.jsp. En la misma, en tiempo de diseo insertamos los elementos de las paleta y modificamos algunas propiedades desde el cuadro de Properties:
o o o
Un Label con un ttulo Un Text Field y un Password Field con los id textUsuario y textContrasea. En la propiedad label de ambos podemos ingresar Usuario y Contrasea, para que queden bien rotulados. Adems, para ambos, tildaremos la propiedad required. Un Button, del cual modificamos las propiedades id (con el valor buttonLogin) y text (con el texto Login)
Para finalizar la edicin de la pgina principal, haciendo clic con el botn derecho sobre cada Text Field seleccionamos del men contextual la opcin Add Binding Attribute, para poder ms adelante acceder desde el cdigo a tales objetos. Luego, haciendo clic derecho sobre cualquier rea vaca de Page1.jsp seleccionamos la opcin Page Navigationdel men contextual:
Inmediatamente se abrir una nueva solapa faces-config.xml donde vemos ubicada una representacin de la pgina con la que estuvimos trabajando, conteniendo la misma el objeto buttonLogin:
Haciendo clic derecho sobre el rea de diseo, seleccionamos New File del men contextual y luego de la categora JavaServer Faces, Visual Web JSF Page:
Ahora veremos que junto a Page1.jsp aparece Page2.jsp (si es que dejamos el nombre por defecto propuesto por el asistente). Haciendo clic sobre buttonLogin de Page1.jsp y manteniendo apretado el botn izquierdo del mouse trazamos una lnea hasta Page2.jsp. Veremos que se crea un enlace entre ambas pginas, haciendo doble clic sobre en enlace, cambiamos el nombre por defecto del mismo (case1) por success:
En Page2.jsp, insertamos un label con cualquier mensaje amistoso que indique que el login ha sido exitoso. De la misma forma que creamos una pgina para el login exitoso (success) crearemos una nueva pgina (Page3.jsp) con un mensaje de "Nombre de usuario y/o contrasea incorrecta" y un hyperlink para volver:
Volviendo al esquema del faces-config.xml, creamos otro enlace desde el botn Login hacia Page3.jsp, cambiando el nombre por defecto (case1) por failure.
Para finalizar la configuracin del esquema de navegacin de pginas, creamos un nuevo enlace desde el elemento hyperlink1 (si es que no le cambiamos el id por defecto) de Page3.jsp con Page1.jsp. Adems, si queremos podemos reorganizar un poco la distribucin de las pginas:
Volviendo al diseo de la pgina de ingreso (Page1.jsp) hacemos doble clic sobre buttonLogin y escribimos la porcin de cdigo que valide usuario y contrasea. Como dijimos en un principio, los valores para los mismos estarn hardcodeados, nada de base de datos aun
Si sigues mis pasos, no deberas tener problemas, pues el ejemplo publicado no es ms que el paso a paso de lo que yo hice en mi PC de desarrollo. De todas formas, ante cualquier duda o inconveniente, me comentas y vemos que se puede hacer. Para la prxima, nos meteremos con las bases de datos.