Flex: controles básicos
Cada interfaz de usuario considera los siguientes tres aspectos principales:
UI Elements- Estos son los elementos visuales centrales que el usuario eventualmente ve e interactúa. Flex proporciona una lista enorme de elementos comunes y ampliamente utilizados que varían de básicos a complejos, que cubriremos en este tutorial.
Layouts- Definen cómo se deben organizar los elementos de la interfaz de usuario en la pantalla y proporcionan una apariencia final a la GUI (interfaz gráfica de usuario). Esta parte se tratará en el capítulo Diseño.
Behavior- Estos eventos ocurren cuando el usuario interactúa con elementos de la interfaz de usuario. Esta parte se tratará en el capítulo Manejo de eventos.
Elementos de la interfaz de usuario flexible
La biblioteca Flex UI proporciona clases en una jerarquía de clases bien definida para crear interfaces de usuario complejas basadas en la web. Todas las clases de esta jerarquía de componentes se han derivado de laEventDispatcher clase base como se muestra a continuación -
Cada control de UI básico hereda propiedades de la clase UI Component que a su vez hereda propiedades de EventDispatcher y otras clases de nivel superior.
| No Señor | Control y descripción |
|---|---|
| 1 | Clase Flex EventDispatcher La clase EventDispatcher es la clase base para todas las clases que pueden enviar eventos. La clase EventDispatcher permite que cualquier objeto de la lista de visualización sea un destino de evento y, como tal, utilice los métodos de la interfaz IEventDispatcher. |
| 2 | Componente UIC flexible La clase UIComponent es la clase base para todos los componentes visuales, tanto interactivos como no interactivos. |
Controles basicos
A continuación se muestran algunos controles básicos importantes :
| No Señor | Controles y descripción |
|---|---|
| 1 | Etiqueta La etiqueta es un componente de UIC de bajo nivel que puede representar una o más líneas de texto con formato uniforme. |
| 2 | Texto El control de texto le permite mostrar contenido HTML y texto normal en su aplicación. |
| 3 | Imagen El control de imagen le permite importar archivos JPEG, PNG, GIF y SWF en tiempo de ejecución. |
| 4 | LinkButton El control LinkButton es un control de botón sin bordes cuyo contenido se resalta cuando un usuario mueve el mouse sobre él. |