terça-feira, 18 de agosto de 2009

Aumentando o controle de backgrounds usando Degrafa

Containers Flex como Canvas, não permitem maiores controles sobre as imagens de background atribuidas a eles.
Usando a biblioteca Degrafa é possivel aumentar este controle, como por exemplo, definir o posicionamento e repetição de uma imagem de fundo.

import com.degrafa.skins.CSSSkin;

var imageurl:String = "http://minhaimage.com.br/image.png";

var loader:Loader = new Loader();
loader.load( new URLRequest(imageurl));
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, function(event:Event):void {
myCanvas.setStyle('borderSkin',com.degrafa.skins.CSSSkin);
myCanvas.setStyle('backgroundPosition',"top left");
myCanvas.setStyle('backgroundRepeat',"no-repeat");
backgroundCanvas.setStyle('backgroundImage',Loader(event.currentTarget.loader).content);
backgroundCanvas.setStyle('backgroundAlpha',0.8);
});

Notícias Selecionadas