Relógio Google em Flash CS4 / Flex

Desenvolver algo como o Gadget do Google Desktop, foi o pensamento de hoje. Sendo assim, surgiu a idéia de unir o útil ao agradável, ou seja, desenvolver um componente Flash, usando a integração das duas ferramentas, o (Flex Component Kit).

Neste exemplo, veremos somente comentários sobre as partes de códigos mais interessantes, para que o Post não se torne desistimulante.

Flash CS4

Desenvolver componentes Flash para seu projeto Flex é simples, vejamos o passo a passo.

Passo 1: Baixar e instalar o Flex compoment Kit.



Convém não esquecer que o mesmo tem que estar com o CheckBox “Ativado”.

Passo 2: Criar seu MovieClip no Flash e convertê-lo em Flex Componente.



Após a instalação do Flex Componente Kit, novas opções irão aparecer no menu Commands do seu Flash.

Para que seu MovieClip seja convertido em um componente Flex, você deve selecionar o MovieClip na Library do Flash e clicar na primeira opção de conversão do menu Commands “Convert Symbol to Flex Component”, essa conversão gera um feedback no OUTPUT do Flash dizendo que seu componente foi criado com sucesso.

Passo 3: Inserir o componente em sua aplicação Flex.



Em seguida à conversão do MovieClip, o Flash criará um arquivo .SWC, depois basta adicionar este arquivo na pasta libs do seu projeto Flex.

ActionScript 3.0

Observe que existem arquivos .AS e .FLA na pasta libs do seu projeto Flex, eles são apenas os fontes, sua aplicação vai precisar apenas do arquivo .SWC, o resultado da conversão.

(min, hour, sec) são instâncias do MovieClips dos ponteiros.

Demo e View Source

O .FLA está organizado de forma que você possa desenvolver outros skins para o relógio e para novas implementações no código.

Bom, estes são os pontos mais importantes, espero ter realmente ajudado com os exemplos.

Abraços e até o próximo post.

Revisão Ortográfica - Valéria Correa