SWT

Introducción a
UI
con SWT + JFaces

por Fernando Dodino
Versión 1.0
Octubre 2009

Técnicas Avanzadas de Programación

Introducción a UI con SWT

Índice
SWT + JFACES........................................................................................................................... 3
UN EJEMPLO: ALTA DE UN SOCIO.................................................................................... 3
LOS CONTROLES VISUALES ....................................................................................................... 4
EL MODELO ............................................................................................................................... 4
BINDING.................................................................................................................................... 4
DISEÑO DE LA PANTALLA: LAYOUT & WIDGETS ....................................................................... 5
CODIFICACIÓN DEL PANEL DE ALTA ......................................................................................... 5
FORMULARIO: INSTANCIAR LABELS & TEXTBOXES .................................................................. 7
BOTONERA: BINDING DEL EVENTOACEPTAR ........................................................................... 7
Opción 1: Template Method ................................................................................................. 8
Opción 2: Listeners .............................................................................................................. 8
REFACTORS SOBRE LA PANTALLA.................................................................................. 9
REFACTOR 1: SIMPLIFICAR INSTANCIACIÓN DEL TEXTBOX .................................................... 10
REFACTOR 2: SIMPLIFICAR LA INSTANCIACIÓN DEL BOTÓN ................................................... 11
CÓMO LEVANTAR LA APLICACIÓN ............................................................................... 13
AGREGANDO EL BINDINGCON EL MODELO .............................................................. 14
CÓMO FUNCIONA EL BINDING ................................................................................................. 16
AGREGANDO FUNCIONALIDAD A LA VISTA ............................................................... 17
DISEÑO DE LA PANTALLA DEBÚSQUEDA.................................................................... 19
ENCONTRANDO EL MODELO.................................................................................................... 19
COSAS EN COMÚN CON EL PANEL DE ALTA ............................................................................ 21
CÓMO FUNCIONA EL BINDING DE LA BÚSQUEDA .................................................................... 25
NAVEGACIÓN: CÓMO CREAR UN NUEVOSOCIO DESDE LA PANTALLA DE
BÚSQUEDA............................................................................................................................... 26
PASAJE DE INFORMACIÓN ENTRE PANTALLAS ........................................................ 29
REFACTOR 3: BÚSQUEDA GENÉRICA ............................................................................ 30CONCLUSIONES..................................................................................................................... 31

2

Técnicas Avanzadas de Programación

Introducción a UI con SWT

SWT + JFaces
•

Vamos a ver esta tecnología sobre la arquitectura más simple posible: el modelo
y la vista viven en el mismo ambiente:

Ambiente
(único en
Server)

Pantalla

Objeto
de negocio

Servidor

Permitir que laarquitectura soporte un esquema multiusuario no es una tarea menor,
pero el objetivo del presente apunte se centra en la parte de interfaz de usuario por lo
que nos resulta conveniente mantener la arquitectura lo más sencilla posible.
•

Las ventanas y los controles son objetos, al igual que la información que
queremos presentar (socios, clientes, facturas, productos, etc.)

No sólo eso: podemos pensar...