Flex 平铺背景图片

估计不少做Flex的初学者和我一样，寻找让Flex背景图片平铺显示方法。

但现在我要告诉你的是Flex本身没有提供这种方法，至少在Flex3上是没有提供的。

所以就要自己写代码来实现这种效果，其实很简单的。

 

下面是我在网上找到的一个方法，然后自己做了一点小小的修改。

并做一个简单的例子放上来，你可以点这里下载。

package
{  
    import flash.geom.Rectangle;  
  
    import mx.graphics.BitmapFill;  
    import mx.skins.ProgrammaticSkin;  
    import flash.text.StyleSheet;
  
    public class RepeatBackground extends ProgrammaticSkin {  
        public  function  RepeatBackground() {
        }

        override protected  function  updateDisplayList(w:Number, h:Number): void  {  
            super.updateDisplayList(w,h);  
            
            graphics.clear();
             var  b:BitmapFill  =   new  BitmapFill();  
            b.source  =  getStyle( " backgroundImage " );;  
            b.begin(graphics, new  Rectangle( 0 , 0 ,w,h));  
            graphics.drawRect( 0 , 0 ,w,h);  
            b.end(graphics);  
        }  
    }
} 

 

使用方法也很简单，只需要设置一下css就可以了

Application
{
    backgroundImage :  Embed(source="assets/bg1.gif") ;  
    border-skin : ClassReference("RepeatBackground") ;
}

 

 

附件下载