Curso Basico

____________________________________________________________

_______________
Curso Básico Adobe Flex 2
19
Exemplo de um container TabNavegator.
Controles
Os controles são componentes de interface do usuário (UIComponents) que exibem algo
para o usuário e/ou solicitam ao usuário interagir com a aplicação. Buttons, TextArea,
ComboBox, dentre outros são alguns exemplos de controles.Normalmente, você define um container e, em seguida, insere controles a ele.
A tag raiz de uma aplicação Flex é a , o que representa um container
que abrange todo o Flash Player. Você pode colocar controles diretamente sob a tag
ou em outros containers.
A maioria dos controles tem as seguintes características:
o MXML API - Para declarar o controle e os valores de suas propriedades e eventos;
oActionScript API - Para chamar os métodos de controle estabelecendo as suas
propriedades em tempo de execução;
o Customização de aparência usando estilos, skins e fontes.
A imagem abaixo mostra vários controles usados em um container Form:
Exemplo de controles dentro de um container Form.
____________________________________________________________

_______________
Curso Básico Adobe Flex 220
Button
O controle Button (botão) é comumente utilizado como botão retangular. Geralmente
possui no seu rótulo um texto, um ícone ou ambos. Você pode optar em usar skins para
cada um dos vários estados do botão.
Você pode criar um botão normal ou um alternar seu controle.
Botões tipicamente usam event listeners (eventos ouvintes) para executar uma ação
quando o usuário seleciona-o.Quando um usuário clica com o mouse sobre um botão, o botão é ativado e com isso é
disparado o evento “click”.
Um botão possui eventos como o mouseMove, mouseOver, mouseOut, rollOver, rollOut,
mouseDown, e mouseUp.
Exemplo de código de um controle Button:

A imagem abaixo mostra o layout do código acima:
Exemplo de um controle Button.
LinkBar
Um controle LinkBar define uma linha horizontalou vertical que designa uma série de
links de destino. Você normalmente utiliza um LinkBar para controlar o filho ativo de um
container ViewStack ou para criar um conjunto de links diversos.
Você também pode usar um LinkBar para criar um conjunto de links em seu aplicativo.
Exemplo de código de um controle LinkBar:

Flash
Director
Dreamweaver
ColdFusion

A imagem abaixo mostra o layoutdo código acima:
Exemplo de um controle LinkBar.
____________________________________________________________

_______________
Curso Básico Adobe Flex 2
21
Neste exemplo, foi utilizado as tags e para definir o
conteúdo do LinkBar. O dataProvider gera uma espécie de array de Strings com labels.
O evento itemClick dispara uma solicitação HTTP para o site da Adobe baseado no
conteúdoselecionado pelo usuário e abre a página em uma nova janela do browser.
CheckBox
O controle CheckBox é utilizado para reunir um conjunto de valores verdadeiros ou
falsos. Com ele você consegue controlar campos requeridos ou não pelo usuário
verificando quais opções foram marcadas.
Você pode adicionar um texto a um campo CheckBox e colocá-lo à esquerda, direita,
superior ou inferior da caixa.Exemplo de código de um controle CheckBox:

A imagem abaixo mostra o layout do código acima:
Exemplo de um controle CheckBox.
Neste exemplo foi criado um CheckBox que verifica se o usuário quer ou não enviar os
dados.
DateChooser e DateField
Os controles DateChooser e DateField permitem que os usuários selecionem datas da
agenda gráfica. O DateChooser é o calendário. O DateField possui umcampo texto e usa
uma seletor popup de datas para selecionar a data como resultado.
DataChooser
O controle DateChooser exibe o nome de um mês, o ano, e uma grade de dias do mês,
com colunas contendo os dias da semana. Esse controle é útil em aplicações onde você
deseja que uma agenda visível. O usuário pode escolher uma única data a partir da
agenda.
Você consegue desativar a seleção de...