Guía de uso de WindowBuilder Pro en Eclipse
Traducido por
ScribdTranslationsGuía de uso de WindowBuilder Pro en Eclipse
Traducido por
ScribdTranslationsTutorial de WindowBuilder Pro
Informática III - B Angelo Gargantini 2011
Material tomado del sitio de google
Veremos los siguientes pasos:
1. Instale la última versión de WindowBuilder Pro en Eclipse 3.4, 3.5 o 3.6.
2. Crea un nuevo proyecto utilizando el asistente de proyectos apropiado.
3. Usa un asistente de clases para crear tu primera ventana GUI o editar una ventana existente
4. Choose an appropriate layout manager for your window.
5. Agrega varios componentes desde la Paleta y edita sus propiedades usando el Panel de Propiedades.
6. Crea y edita visualmente la barra de menús de tu ventana.
7. Agregue controladores de eventos a varios widgets para proporcionar comportamiento.
8. If you create a new Composite or JPanel, you can embed it in another window using the
Elija el comando de componente.
9. Tú puedes probar lanzar tu ventana haciendo clic derecho sobre ella y seleccionando Ejecutar como > Java
Aplicación.
10. Internacionaliza tu aplicación y gestiona múltiples locales.
1. Instale la última versión de WindowBuilder Pro en Eclipse
Si ya estás familiarizado con la instalación de plugins de Eclipse, puedes usar simplemente la URL del sitio de actualización.
a continuación para tu versión de Eclipse.
Eclipse 3.7 (Indigo)
[Link]
2. Crea un nuevo proyecto utilizando el asistente de proyectos apropiado
WindowBuilder Pro proporciona una gran cantidad de
magos. Cada kit de herramientas contribuye con uno o más
magos.
Los asistentes pueden ser accedidos desde el EclipseNuevo
asistente (Archivo > Nuevo > Otro) o el menú desplegable
menú del asistente en la barra de herramientas de Eclipse.
Hay muchísimos objetos:
Los más usados son
• JFrame
• Jdialog
3. Use a class wizard to create your first GUI window or edit an
ventana existente
Editar ventanas existentes
Para abrir un archivo que no ha sido creado por la herramienta o que está siendo editado actualmente por otro editor
(como el editor standardJava), simplemente haz clic derecho en el archivo y selecciona Abrir con >
Editor WindowBuilder.
Esto abrirá el archivo en el WindowBuilderEditor en elVista de origenpor defecto (el editor
el diseño se puede personalizar fácilmente si prefieres elVista de diseñoaparecer primero o si deseas el
Vista de origenyVista de diseñopara aparecer al mismo tiempo). Hay dos pestañas en la parte inferior de la
ventana del editor etiquetada como Fuente y Diseño como se muestra a continuación. Si haces clic en la pestaña Diseño o presionas
F12, el archivo se mostrará en elVista de diseñoy podrás diseñar visualmente tu GUI.
Nota: Si un archivo fue abierto por última vez en el Editor WindowBuilder, seguirá abriéndose en ese editor.
hasta que se seleccione un editor diferente para editar el archivo. Si no ves las pestañas de Fuente y Diseño, esto
significa que no estás usando elWindowBuilderEditor.
4. Elige un administrador de diseño apropiado para tu ventana - Diseño
Gerentes
Un programa escrito en Java puede desplegarse en múltiples plataformas. Si fueras a utilizar una interfaz de usuario estándar.
técnicas de diseño, especificando posiciones absolutas y tamaños para tus componentes de interfaz de usuario, tu interfaz de usuario no
ser portátil. Lo que se ve bien en tu sistema de desarrollo puede ser inutilizable en otra plataforma.
Para resolver este problema, Java proporciona un sistema de administradores de diseño portátiles. Utilizas estos diseños
los gerentes para especificar reglas y restricciones para el diseño de su interfaz de usuario de una manera que sea portátil.
Los administradores de diseño pueden proporcionar las siguientes ventajas:
• Componentes correctamente posicionados que son independientes de fuentes, resoluciones de pantalla, y
diferencias de plataforma.
• Colocación inteligente de componentes para contenedores que se redimensionan dinámicamente en tiempo de ejecución.
• Facilidad de traducción. Si una cadena aumenta de longitud después de la traducción, la asociada
los componentes se mantienen correctamente alineados.
Acerca de los administradores de disposición
Al escribir aplicaciones Java, es posible que necesites utilizar diseños para darle a tus ventanas una apariencia específica.
Un diseño controla la posición y el tamaño de los hijos en un contenedor. Las clases de diseño son subclases de
la clase abstracta Layout. Tanto SWT como Swing proporcionan varias clases de diseño estándar, y tú
se pueden escribir clases de diseño personalizadas. Otras bibliotecas de interfaz de usuario integran administradores de diseño implícitos en cada panel
tipo.
En Java, la posicionamiento y el tamaño no ocurren automáticamente. Las aplicaciones pueden decidir el tamaño y
colocar inicialmente los hijos de un contenedor, o en un listener de redimensionamiento. Otra opción es especificar un diseño
clase para posicionar y dimensionar los hijos. Si no se le da un tamaño a los hijos, tendrán tamaño cero y
no se pueden ver.
El administrador de diseño establece los tamaños y ubicaciones de los componentes según varios factores como:
• Las reglas de diseño del administrador de diseño.
• Las configuraciones de propiedades del administrador de diseño, si las hay.
• Los datos de diseño asociados con cada componente.
• El tamaño del contenedor.
Cada administrador de diseño tiene fortalezas y desventajas características. Los diseños basados en cuadrícula y de restricción-
los diseños basados en son los más útiles y poderosos de los diseños estándar, pero también son los más
complicado. Al usar la vista de diseño, puedes cambiar el diseño siempre que desees. La herramienta
adjusts the code as needed on the fly. Change the layout either by explicitly adding a layout
gerente del código fuente para el contenedor, o seleccionando un diseño para el compuesto en el
superficie de diseño.
5. Agregar varios componentes de la Paleta y editar sus propiedades.
usando el Panel de Propiedades
La Paleta proporciona acceso rápido a componentes específicos del kit de herramientas, así como a cualquier
componentes personalizados instalados por el usuario. La Paleta está organizada en
categorías que pueden ser ampliadas, colapsadas u ocultas.
Para añadir un componente alVista de diseñopuedes:
• Selecciona en la paleta y suéltalo en elVista de DiseñooComponente
Árbolhaciendo clic en la ubicación deseada.
• Utiliza el comando Elegir Componente para seleccionar el tipo de widget de
Elige Componentdialog.
Se pueden agregar múltiples widgets del mismo tipo alVista de diseñososteniendo
mantenga presionada la tecla Ctrl al seleccionar el widget en la Paleta.
La paleta se puede personalizar haciendo clic derecho en cualquier parte de la paleta para
access the menú contextual de la paletao abriendo elGestor de Paletasdiálogo..
Los siguientes comandos son comunes a todas las paletas:
• Selección
• Letrero
• Seleccionar componente
• Orden de pestañas
6. Crea y edita visualmente la barra de menús de tu ventana
Los menús son imprescindibles para casi todas las interfaces gráficas de usuario. Usando el editor, es rápido y
sin dolor para crear barras de menú y menús emergentes.
Para crear una barra de menú en su ventana, seleccione Menu Bar (SWT) o JMenuBar
(Columpio) delPaletay luego colócalo en tu ventana en elDiseño
Ver.
Tenga en cuenta que estas instrucciones solo se aplican a los tipos de ventana que admiten barras de menú.
(por ej., Shells SWT, Ventanas de Aplicación SWT y JFrames de Swing). Ellos hacen
not apply to window types that can't have menubars (e.g., Dialogs & Wizards)
o que gestionan sus propias barras de menú a través de un marco especial (por ejemplo, JFace ApplicationWindow).
Cada ventana puede tener como máximo una barra de menú,
y el único lugar donde puedes poner una Barra de Menú es
directamente en una ventana. Un menú en particular solo
ser mostrado en la ventana en la que fue
creado. Después de que se coloque la Barra de Menú, deberías
ver una barra de menú en blanco en la parte superior de tu
ventana en elVista de diseño.
A
agregar menús individuales a la barra de menús, seleccionar Elemento de Menú en Cascada (SWT) o JMenu (Swing) de
elPaleta, y luego colócalo en la barra de menú.
7. Agrega controladores de eventos a varios widgets para proporcionar comportamiento
Los eventos ocurren cuando el usuario interactúa con la interfaz de usuario. El código de manejo de eventos apropiado se ejecuta entonces.
ejecutado. Para saber cuándo ocurren los eventos, primero se deben agregar controladores de eventos a su
components. The tool makes it very easy to add and remove event listeners to your components.
8. Agregar un controlador de eventos
Hay dos maneras de añadir un controlador de eventos con
el editor. La primera forma es a través de la
Panel de propiedades. Primero selecciona un componente en
o elComponent Tree o elVista de diseño.
Haz clic en Mostrar Eventos botón para revelar el
lista de eventos en elProperty Pane. Expandir un
evento y haz doble clic o presiona Enter en el
manejador de eventos que deseas implementar.
La segunda forma de agregar un controlador de eventos es
simplementeclic derechoen un componente (ya sea en el
Vista de Diseñoo en elÁrbol de Componentes), seleccionar
Agregar manejador de eventos > [nombre del evento] >
[nombre del manejador de eventos a implementar].
Una manera rápida de añadir oyentes de eventos a botones (incluyendo botones de verificación y de radio) y elementos de menú es
to simply double-click on the button or menu item. When double-clicked, a selection event listener
será creado.
Cualquier forma en que agregues un evento, la herramienta creará automáticamente un manejador de eventos para el evento seleccionado.
método. Luego, el editor cambiará a laVista de origeny ve directamente al nuevo controlador de eventos
método. El código generado se ve como lo siguiente:
browseButton=newButton(shell, [Link]);
[Link](newSelectionListener() {
public void widgetDefaultSelected(SelectionEvent arg0) {
}
public void widgetSeleccionado(SelectionEvent arg0) {
}
});
[Link]("Browse...");
Hay dos formas de volver rápidamente al código de manejo de eventos
de laVista de Diseño. En elPanel de propiedades, haga clic en Mostrar
Eventos botón y expande el evento. Luego haz doble clic o
presionaEnter en el método del evento para regresar al código. El
lista de eventos en elPanel de Propiedadeses una lista de todos los eventos
implementado, y el valor de la propiedad de cada evento individual es el
lista de métodos implementados. Si un método ha sido implementado,
su valor de propiedad es el número de línea en el código fuente donde se encuentra
el código de manejo de eventos comienza.
La otra manera de volver rápidamente al código de manejo de eventos es
haga clic derecho en un componente (ya sea en elVista de Diseñoo en el
Árbol de Componentes), y luego seleccione el elemento del menú para el correcto
método que se implementó. Se muestra a la derecha
"actionPerformed -> línea 111" siendo seleccionado. En este ejemplo, "actionPerformed" es el evento
método, y "111" es el número de línea en el código fuente en el que comienza el método.
Nota: la herramienta también es capaz de generar un método stub de manejador de eventos cuando se crea un nuevo evento por
configurando las preferencias de generación de código adecuadas.
9. Eliminar un controlador de eventos
Solo hay una forma de eliminar un controlador de eventos existente en el editor. Selecciona un componente en cualquiera de
elVista de diseñoo en elÁrbol de Componentes. En elPanel de propiedadesexpandir expandir el evento, hacer clic
en el método del evento que deseas eliminar y luego presiona Eliminar. Si no hay otros métodos que
se han implementado para ese evento, la herramienta también eliminará el oyente de eventos para ese evento.
10. Si creas un nuevo Composite o JPanel, puedes incrustarlo en
otra ventana utilizando el comando Elegir Componente.
11. Puedes probar el lanzamiento de tu ventana haciendo clic derecho sobre ella y
seleccionando Ejecutar como > Aplicación Java.