Flex 平铺背景图片

最新推荐文章于 2024-07-25 23:09:41 发布

转载最新推荐文章于 2024-07-25 23:09:41 发布 · 1.9k 阅读

文章标签：

#flex #import #function #application #class #css

flex 专栏收录该内容

93 篇文章

订阅专栏

本文介绍了一个简单的Flash AS3类——RepeatBackground，该类用于创建可重复的背景图像皮肤。通过设置CSS样式，可以轻松地应用自定义背景图像，并实现平铺效果。适用于需要自定义界面背景的Flash项目。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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");
}