Fundo stripe nas aplicações Flex é algo facil de atingir usando CSS, mas existe uma outra forma que precisei de usar para por exemplo colocar um fundo riscado num panel ou canvas… qualquer objecto/container suporta este método.
Depois de ter andado alguns dias de volta da degrafa framework, encontrei alguns promenores muito interessantes e foi facil chegar a certos truques como “pintar” o fundo da nossa aplicação/painel/canvas com dados de uma imagem, leia-se com uma imagem conhecida como pattern.
Vou demostrar um exemplo usando um padrão de fundo ja criado por mim, podem usar um qualquer que podem fazer facilmente atravez deste site bem util. Já criei uma classe a qual disponibilizo em baixo pra download, o que torna ainda mais simples cumprir o nosso objectivo. Vejam o exemplo final do pretendido:
Temos a minha imagem/ padrão: 10px / 10px
No código, apenas temos que a colocar como embutida no as3:
[Embed(source='caminho/para/o/meu/pattern.png')]
private var backImg:Class;
Importamos o nosso packge:
import com.msdevstudio.BackFill;
Podem então agora usa-lo em qualquer painel, canvas, etc’s… até na applicação principal:
var fill:BackFill = new BackFill(this, backImg);
Muito simples e util. Façam o download da classe pronta a usar.
Espero que seja util.
Abraço.
8 Comentários
Muito boa a Classe Mário, meus parabéns, admiro muito seu trabalho. Tenho vontade de estudar mais o Flex, eu estou em Madrid no momento fazendo minha primeira viagem para a Europa e em seguida vou pra Lisboa também, sabes de um bom curso de Flex aí?
Um abraço
pó legau tava fazendo um fundo stripe também e acabei por fazer com o degrafa mesmo. Mas achei interessante essa solução
Boas Gustavo, que eu conheça, infelismente não existe nenhum curso especificamente direcionado ao flex, mas existem alguns cursos como na etic, em multimedia: Programação de Aplciações Web com orientação a Action Script que parece ser interessante.
No entanto online e no brasil existem cursos como os da e-genial que parecem ser bem interessantes também, veja os sites:
http://www.etic.pt
http://www.egenial.com.br
Hans, Valeu!
Mas vc é praticamente um minerador de boas novidades, sempre trazendo ouro para nós! Parabens, MS!!
Poderia deixar um exemplo prático? Eu coloquei no init de um Canvas ou APP porém dá erro na execução…
Obrigado.
Lucius,
Pode colocar o seu código? Use o fórum do blog para isso, é que aqui o código não é formatado e acaba no spam, use o blog e assim no futuro pode colocar la as suas duvidas.
http://forum.msdevstudio.com
Abraço.
Como faço para implementar isto na Aplicação? Visto que o action script está em arquivo separado ?
Abraços e parabéns!
Não tenho a certeza se funcionará, mas penso que funcionara na mesma forma… mas para isto até pode criar um pequeno bloco de script na aplicação… não fará muita diferença… :p