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"/>
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Flex背景图像实现类似于html平铺拉伸

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

移动端图片画廊 关于flex-box布局

flex-box布局详细 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool 案例  ht...

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

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

Duilib技巧:背景图片平铺

贴图的描述 方式有两种     // 1、aaa.jpg     // 2、file='aaa.jpg' res='' restype='0' dest='...

Flex中背景平铺的做法

  • 2010-02-08 14:59
  • 920B
  • 下载

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

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

ArcGIS API for Flex(六)加载自定义Web平铺图层

运行 <![C

背景图片铺满全屏

  • 2016-02-16 15:49
  • 493B
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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