CSS: background repeat?

Com certeza você já deve ter tido esta dúvida: como utilizar repeat-background em um plano de fundo em flex correto? Busquei no Google e como sempre, as melhores soluções que encontrei foi em blogs especializados, de todas as alternativas esta que apresento neste post é a melhor na minha opinião.

Exemplo rodando:

Ainda não consegui utilizar um swf para repetição apenas imagens jpg ou gif, mas quem sabem eu possa melhorar este exemplo e trazê-lo para vocês.

Clique aqui para ver o código fonte.

Extraído de http://labs.flexcoders.nl/?p=16

Até que enfim! Flex Builder para Linux

Puxa, como apanhei tentando rodar o Flex Builder no Ubuntu, acho que foi pelo menos umas 16 horas tentando e nada. Quando rodou perdi a funcionalidade mais importante: o design mode. Hoje ao acessar o blog da DClick li esta notícia maravilhosa, finalmente saiu o Flex Builder Alpha para Linux! A Adobe está realmente indo a sério na tendência do software livre, garantindo maior competitividade para sua ferramenta. Parabéns a todos os Flex Developers, esta é uma notícia excelente!

Links de referência:
http://blog.dclick.com.br/2007/10/03/flex-builder-linux/
http://labs.adobe.com/technologies/flex/flexbuilder_linux/

Resolvendo crash do flex builder

É sempre assim, quando você está mais se divertindo na ferramenta acontece um crash, infelizmente o crash abaixo não é culpa do Flex Builder, mas um problema que ocorre no Eclipse de vez em quando.

Unable to create this part due to an internal error. Reason for the failure: The editor class could not be instantiated. This usually indicates that the editor’s class name was mistyped in plugin.xml.

Encontrei a solução usando o famoso Google, como sempre, daí caí no judahs Blog o qual me indicou que eu apagasse o diretório .metatag do workspace... por incrível que parece é só isso mesmo.

Leitor de RSS em Flex

Este é o exemplo clássico de leitor de rss que já vem com help do flex builder.
Alteramos o exemplo para ler o nosso feed do flex4you. Nosso feed está na url http://flex4you.blogspot.com/feeds/posts/default , apenas alteramos a estrutura do exemplo para se adaptar à estrutura do xml do feed, muito prático e fácil de alteração. ;)

Como é de se esperar, existe um problema de segurança ao realizar-se uma chamada a um servidor externo ao que a aplicação está rodando, por isto estou disponibilizando o fonte de um servlet que serve de proxy, daí a aplicação acessa este proxy em vez da url diretamente.

Link do exemplo

Link do fonte da aplicação de rss.

Link do fonte do servlet e web.xml.

Referência:
http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_16520&sliceId=2

Flex 3D? Web 3.0?

Eu já tinha visto este demo da Outsmart há um mês atrás e ele até agora me impressiona por diversos motivos. Primeiro porque abre precedentes inimagináveis de interação na web e outro porque a performance do exemplo é muito boa. Mesmo utilizando tantas texturas a aplicação dos caras consegue rodar numa boa mesmo em uma conexão que não seja top de linha.
Infelizmente ainda não tenho algum código fonte ou exemplo rodando de algo parecido, mas estou correndo atrás. Espero que consiga desenvolver algo parecido nos próximos meses!
Link da demonstração: Outsmart OS3D Demo

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