Pré-loader customizado em Flex

O exemplo que trago hoje é um velho conhecido nosso desde os tempos de Flash: o pré-loader customizado. Para quem não se lembra, são aquelas animações que aparecem antes do conteúdo principal da página ser carregado. A principal função de se customizar um loader de aplicação é aumentar o nível de interesse do usuário na ferramenta em que está, seja um site ou sistema corporativo.

Para desenvolver um loader customizado é necessário tomar alguns cuidados. A disposição do layout da página por exemplo, ainda não consegui um loader que cobrisse completamente os componentes e neste exemplo, por ser muito simples isto talvez não ocorra.

O exemplo é dividido entre o código principal, ou seja a tela que se deseja carregar, uma classe actionscript que extende de DownloadProgressBare outra que extende de Loader. A classe WelcomeScreen é que controla a apresentação do swf de animação. Enquanto a página principal é carregada (na realidade um arquivo swf). Os métodos do ciclo de vida podem ser customizados, então se você quiser apresentar mensagens diferentes em estados diferentes também é possível. Geralmente você não precisará alterar o código fonte de CustomPreloader ou de WelcomeScreen, somente a referência para o swf que irá aparecer enquanto a página é carregada.

A indicação que o flex utiliza para saber que você deseja usar um pre-loader customizado ao invés do padrão está na aplicação Flex CustomPreloader no cabeçalho:

preloader="preload.CustomPreloader"

Mais fácil que isto realmente só HelloWorld. ;)
Até a próxima e bom feriado crianças.


Link do exemplo.
Código fonte.

Preview:

Player vídeo em Flex

Bom dia pessoal, o meu post de hoje é sobre um recurso simples de ser utilizado e muito poderoso: um player de vídeo em stream com o Flex.
Como sabemos, muitos sites precisam de mostrar algum vídeo para o usuário em algum momento.
O que a maioria faz é disponibilizar um link para download mas você se imagina navegando no Youtube e fazendo download de vídeos assim? Por isso que existe a tecnologia de stream, ela permite que o vídeo seja descarregado e ao mesmo tempo exibido, permitindo maior interatividade com o usuário e maior eficiência na utilização do recurso. O exemplo deste post faz exatamente isso.
A única coisa que você irá precisar além do Flex é de um conversor de avi para flv, no meu caso utilizei o AVI to FLV Converter que pode ser encontrado neste link.

Abaixo o exemplo:



Clique aqui para ver o código fonte.

Agora você também pode fazer o seu YOUTube!
;) Abs