Flex Skins

O flex permite a alteração de skins em tempo de execução. Para quem não sabe o que é um skin, pense nos templates do winamp e de outros programas conhecidos. Você altera a interface de acordo com o seu gosto e propósito de forma dinâmica e sem impacto na aplicação já desenvolvida. Os skins atuam diretamente nos widgets, ou componentes de interface com o usuário. O nível de customização é realmente impressionante.

Este exemplo foi retirado do site ksingleton, lá existem diversos skins disponíveis e mais exemplos como este.

Clique aqui para ver o exemplo.

É possível alterar a aparência da aplicação simplesmente trocando-se o css através da função abaixo:

private function changeCSS( panelTitle:String, name:String ):void {
var styleEvent:IEventDispatcher = StyleManager.loadStyleDeclarations( name, true );
}

Esta função recebe como parametro o titulo do estilo e principalmente, a url do css a ser carregado.

Para executar este exemplo siga os seguintes passos:

1. Baixe o código fonte através deste link (opção Download source)
2. Importe para o flexbuilder como um novo projeto.
3. Compile os arquivos css para swf conforme a imagem abaixo:


Como podem ver, o centro da questão está na função changeCSS, a qual simplesmente recebe o parametro que é o nome do arquivo css a ser aplicado. Existem diversos skins disponíveis, no próximo post tratarei sobre como criar um skin.







Referências:

1. http://blogs.adobe.com/kiwi/
2. http://www.ksingleton.com/?q=node/12