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中实现图片平铺

  在网页中实现一个图片平铺功能比较简单,只需要设置css样式就可以了。而在Flex中要实现图片的平铺的话,就不那么容易了,具体实现如下:    第一步:设置样式。在mxml页面中设置如下样式。其中,...
  • waden
  • waden
  • 2011年01月04日 16:58
  • 5531

css中设置网页背景图片平铺但不重复

body {     }
  • huangmao2011
  • huangmao2011
  • 2014年09月06日 15:24
  • 12243

Flex 平铺背景图片

估计不少做Flex的初学者和我一样,寻找让Flex背景图片平铺显示方法。但现在我要告诉你的是Flex本身没有提供这种方法,至少在Flex3上是没有提供的。所以就要自己写代码来实现这种效果,其实很简单的...
  • huliang82
  • huliang82
  • 2010年01月16日 15:43
  • 1213

CSS3之body背景图平铺

你再也不需要因为屏幕大小不同而去选择多张图片作为背景图了,css3教你做人;body { background: url('xx.jpg')top center no-repeat; ...
  • wow4464
  • wow4464
  • 2015年04月20日 13:59
  • 8787

css 背景图片平铺技巧

使用css来设置背景图片同传统的做法一样简单,但相对于传统控制方式,css提供了更多的可控选项,我们先来看看最基本的设置图片的方法。xhtml代码: css代码:#content { border:...
  • mane_yao
  • mane_yao
  • 2010年09月17日 11:02
  • 5072

IOS 设置背景图片重复显示

self.view = [[[UIView alloc] initWithFrame:[[UIScreen mainScreen] bounds]] autorelease]; self.view.b...
  • u011872945
  • u011872945
  • 2013年11月28日 18:32
  • 1413

Android background背景图片平铺

说明: 有一个小图片,然后实现图片背景平铺,这样会就会像html的css一样方便使用了。 方法一: 首先:在res/drawable中创建一个xml文件(background_repeat.xm...
  • u012246458
  • u012246458
  • 2017年02月13日 18:26
  • 1030

Flex中如何平铺背景图片

backgroundImage="@Embed(source=../bin/images/topbg.jpg)"  backgroundSize="100%">主要是这句话:backgroundSiz...
  • jason_hisoft
  • jason_hisoft
  • 2009年09月06日 12:10
  • 1795

设置网页背景图片平铺方式 background-repeat 属性

Sets or retrieves how the backgroundImage property of the object is tiled.Syntax ...
  • xkyle
  • xkyle
  • 2008年05月17日 18:19
  • 5150

Android ListView item背景图片显示方式

首先:定义背景选择器 a.xml           然后对item的布局xml文件中设置item的背景 b.xml,该文件非含有ListView控件的主布局界面,而是对...
  • jgszhuzhu
  • jgszhuzhu
  • 2012年09月24日 21:26
  • 984
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Flex 平铺背景图片
举报原因:
原因补充:

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