flex_遮盖显示对象_美女的秘密；

=>MaskApp.mxml

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

xmlns:s="library://ns.adobe.com/flex/spark"

xmlns:mx="library://ns.adobe.com/flex/mx"

xmlns:aspackage="aspackage.*"

minWidth="955" minHeight="600" creationComplete="initFun(event)"

pageTitle="TheStudioOfCenyebao">

<fx:Script>

<![CDATA[

import mx.events.FlexEvent;

private function initFun(event:FlexEvent):void

{

// 初始化

}

]]>

</fx:Script>

<fx:Declarations>

<!-- 非可视元素 -->

</fx:Declarations>

<s:VGroup width="320" height="230" horizontalCenter="0" verticalCenter="0">

<aspackage:MySprite id="mySprite"/>

</s:VGroup>

</s:Application>

=>MySprite.as

package aspackage

{

import flash.display.GradientType;

import flash.display.Loader;

import flash.display.Sprite;

import flash.geom.Matrix;

import flash.net.URLRequest;

import mx.core.UIComponent;

public class MySprite extends UIComponent

{

/**

* 属性 */

public static const imgUrl:String="public/img/girl.jpg";

/**

* 构造函数

*/

public function MySprite()

{

/**

* 相片加载*/

var loader:Loader=new Loader();

var url:URLRequest=new URLRequest(imgUrl);

loader.load(url);

this.addChild(loader);

/**

* 绘制椭圆形*/

var oval:Sprite=new Sprite();

var colors:Array=[0x000000, 0x000000]; // 黑色；

var alphas:Array=[1, 0]; // 不透明度_从大到小进行渐变；

var ratios:Array=[0, 255]; // 颜色分布比率的数组;

var matrix:Matrix=new Matrix(); // 转换矩阵;

/*参数：宽、高、旋转度数、矩形左上角X、矩形左上角Y*/

matrix.createGradientBox(200, 100, 0, -100, -50);

oval.graphics.beginGradientFill(GradientType.RADIAL, colors, alphas, ratios, matrix);

oval.graphics.drawEllipse(-100, -50, 200, 100);
// 矩形左上角坐标要跟上面的Matrix相同；

oval.graphics.endFill();

this.addChild(oval);

/**

* 设置缓存*/

loader.cacheAsBitmap = true;

oval.cacheAsBitmap = true;

loader.mask = oval;
// 遮盖；

oval.startDrag(true);
// 移动；

}

}

}

=>所用素材：

girl.jpg