Curso De Flex 3

Temario Curso Flex

Histórico del documento


|Fecha |V. |Autor |Descripción |
|09/09/2010 |1.0 |Eduardo Fulgencio Comendeiro |Creación del documento . |
| | | ||
| | | | |
| | | | |



Índice


Histórico del documento 2
Índice 3
Visión general del curso 5
Objetivos 5
Objetivo general del curso 5Estructura del curso 5
Introducción Adobe Flex 5
Primeros pasos 5
Componente UI 5
Button Controls 5
Button 5
ButtonBar & ToggleButtonBar 5
CheckBox 6
LinkBar 6
LinkButton 7
PopUpButton 7
RadioButton & RadioButtonGroup 7
TabBar 8
Controles Generales 9
Alert 9
ColorPicker 10
ComboBox 11
DataGrid 12
HorizontalList 15
HRule 15
HScrollBar & VScrollBar 16
HSlider & VSlider 16
List17
NumericStepper 21
ProgressBar 22
Repeater 23
TileList 23
Tree 25
CONTAINERS 28
Application 28
Accordion 30
ApplicationControlBar 31
Box, HBox, VBox 32
Canvas 33
ControlBar 33
Form, FormHeading, & FormItem 34
Grid 37
Panel 38
TabNavigator 39
Tile 40
TileWindow 41
ViewStack 42
Text Controls 43
Label 43
RichTextEditor 44
Text 45
TextArea 46
TextInput 46
Menu Controls 47Menu 47
MenuBar 48
PopUpMenuButton 49
Date Control 50
DateChooser 50
DateField 50
View States 52
Creacion view states 52
View state base de otra view state 54
Transitions 54
Uso de Transitions 54
Uso de Item Renderers 55
Item rendering y cell editing por defecto 55
Uso de custom item renderers en un List 56
Uso de un item renderer con un Tree control 57
Uso de Item Editors 59
Elproceso de ediciòn en una celda 59
Modificando data mediante item editor 59
Drag and Drop 63
Acerca del drag-and-drop 63
Utilizando drag-and-drop con controles basados en List. 63
Drag and Drop en el mismo control 64
Manualmente gestionando el drag-and-drop 64
Eventos del Drag-and-drop en el drag initiator 65
Drag-and-drop eventos para el drop target 65
Ejemplo: Drag-and-drop de un controlno basado en List 65
Events 67
Visión general del curso


Objetivos


Objetivo general del curso


El curso tiene como próposito dar a conocer el entorno de desarrollo con Flex. Componentes UI, ActionScript, llamadas remotas, etc, con el suficiente nivel para la creación de aplicaciones a Clientes.

Generar una librería de código para tener una referencia para futuros proyectos.Estructura del curso


La rutina diaria del curso se iniciará con la presentación en Powerpoint del tema a tratar, después un ejemplo explicativo del tema, y a continuación la creación desde el inicio de una aplicación que contenga el tema tratado.



Introducción Adobe Flex


Información básica de Flex, que ficheros genera, tipos de fichero, estructura de una aplicación Web, yestructura de una aplicación RIA.
Entorno de trabajo, Flex Builder, notas básicas del IDE de desarrollo.


Primeros pasos


Creación de un proyecto Flex, ejecutar la aplicación, y debugar para visualizar las variables aparecidas en la aplicación.



Componente UI



Button Controls


Button


Button control contiene un texto Label, un Icon, or both. Se puede especificar imágenes paracada estado del Button.

Mediante la propiedad labelPlacement, que acepta los valores right, left, bottom, y top, se especifica la posición del texto en relación a la imagen asignada al Button.








ButtonBar & ToggleButtonBar


ButtonBar y ToggleButtonBar definen una linea horizontal o vertical de botones con una apariencia común. Los controles definen un evento, el itemClick...