Un elemento UI es una clase estereotipada que representa cualquier elemento control de la interfaz de usuario (ej. caja de edición de texto). Está para capturar presentaciones de pantalla y requerimientos. Los controles de la interfaz de usuario se pueden dibujar en una gran variedad de formas dependiendo del estereotipo del elemento:
| • | Barra de Desplazamiento Vertical para: lista, lista en árbol, reporte, vista de lista. |
| • | Rectángulo simple para: caja de texto, caja de edición de texto, texto, edición, entrada, fecha, hora. |
| • | Rectángulo sombreado para: formulario, panel, ventana de diálogo, diálogo. |
| • | Rectángulo oscuro para: botón, acción. |
| • | Tipo de casilla de texto desplegable para: casilla de texto desplegable, lista desplegable. |
| • | Casilla de verificación para: verificación, casilla de verificación, marca. |
| • | Casilla de selección para: casilla de selección, grupo, opción. |
Para configurar el estereotipo del Elemento UI a una de las palabras de la lista de arriba, para cambiar su representación proceda con los siguientes pasos:
| 1. | Cree en diagrama Personalizado y luego desde la caja de Herramientas del UML seleccione la opción de menú Más herramientas | Extendido | Personalizado. Se abren los paneles de herramientas Personalizado. |
| 2. | Arrastre el elemento control UI desde el panel Elementos personalizados en el diagrama. Se abre la ventana ElementoGUI :Control UI. |
3. En el campo Estereotipos, haga clic en la flecha despegable y seleccione el estereotipo para el elemento Control UI.
4. En el campo Nombre, escriba un nombre apropiado para el elemento, luego haga clic en el botón Aplicar.