Flex 平铺背景图片

原创 2011年01月13日 15:05:00

估计不少做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="images/login_bg.gif"); 
    border-skin
:ClassReference("RepeatBackground");
}
在页面上加上css
<mx:Style source="main.css"/>

相关文章推荐

Duilib技巧:背景图片平铺

贴图的描述 方式有两种     // 1、aaa.jpg     // 2、file='aaa.jpg' res='' restype='0' dest='0,0,0,0' source='...
  • aiyuhai
  • aiyuhai
  • 2015年04月04日 23:33
  • 476

网页设计中利用CSS实现背景图片平铺的技巧

我们在进行网站的设计制作过程中,使用css来针对背景图片进行设置,其实就与传统的做法一样十分简单方便。不过,相对于传统的一些操作方式,css可以提供更多的可控选项,我们先了解一下一引起最基本的设置图片...
  • ynz1219
  • ynz1219
  • 2011年10月31日 14:47
  • 12576

Duilib技巧:背景图片平铺

贴图的描述方式有两种,其实看       // 1、aaa.jpg     // 2、file='aaa.jpg' res='' restype='0' dest='0,0,0,0' source='...
  • whatday
  • whatday
  • 2015年01月09日 11:53
  • 8253

Duilib技巧:背景图片平铺

贴图的描述 方式有两种     // 1、aaa.jpg     // 2、file='aaa.jpg' res='' restype='0' dest='0,0,0,0' source='...
  • zys0807
  • zys0807
  • 2015年04月10日 01:07
  • 360

CSS入门背景样式的使用,背景颜色,背景图片,图片平铺,图片位置

背景颜色分为两类: 1.background-color:transparent    可理解为透明色 2.background-color:指定颜色         可指定具体颜色 背...

Flex中背景平铺的做法

  • 2010年02月08日 14:59
  • 920B
  • 下载

Flash:Flex背景图像实现类似于html平铺拉伸(转)+1

在Flex中如果要实现像Html一样的平铺拉伸可能需要自己重写skin组件,默认的flex组件不支持背景图像的平铺功能。以下我是写的一个有关panenl容器的的skin,如果要写canva,Hbox,...

Flex4中头部背景图片的Accordion

  • 2013年01月20日 10:03
  • 5KB
  • 下载

ios-day15-05(Quartz 2D之一张图片以平铺或者填充的方式设置为UIView的背景、以填充的方式为UIView设置条纹背景)

源码下载地址: 效果图: 图1           图2 图3 核心代码: // // JLViewController.m // 05-条纹背景 // // Created...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Flex 平铺背景图片
举报原因:
原因补充:

(最多只允许输入30个字)