FlexÖÐimage¿Ø¼þÈçºÎÌí¼Ó±ß¿ò

Ò³Ãæ´úÂ룺
<?xml version="1.0"?>
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
xmlns:marsImage="mars.display.*"
backgroundColor="#000000"
layout="absolute">

<marsImage:BorderImage
borderAlpha="{aBar.value}"
borderWidth="{wBar.value}"
borderColor="{colorTool.selectedColor}"
source="@Embed('../img/panda.jpg')"
width="258" height="229" x="180" y="62"/>

<mx:Label x="180" y="327" text="ÇëÑ¡Ôñ±ß¿òÑÕÉ«" color="#FDFDFD" fontSize="16"/>
<mx:Label x="180" y="391" text="ÇëÑ¡Ôñ±ß¿ò¿í¶È" color="#FDFDFD" fontSize="16"/>
<mx:Label x="377" y="391" text="ÇëÑ¡Ôñ±ß¿ò͸Ã÷¶È" color="#FDFDFD" fontSize="16"/>

<mx:ColorPicker x="305" y="327" color="#FDFDFD" id="colorTool"/>
<mx:VSlider x="525" y="255" minimum="0" maximum="1" id="aBar" />
<mx:HSlider x="180" y="423" minimum="0" maximum="6" id="wBar"/>

</mx:Application>
¿Ø¼þ´úÂëÈçÏ£º
package mars.display
{
import mx.controls.Image;
//±ß¿òÑÕÉ«
[Style(name="borderColor", type="uint", format="Color", inherit="no")]
//±ß¿ò¿í¶È
[Style(name="borderWidth", type="Number", format="Length", inherit="no")]
//±ß¿ò͸Ã÷¶È
[Style(name="borderAlpha", type="Number", format="Length", inherit="no")]

public class BorderImage extends Image
{
public function BorderImage()
{
super();
}

override protected function updateDisplayList(w:Number, h:Number):void{
super.updateDisplayList(w,h);
graphics.clear();

graphics.lineStyle(getStyle('borderWidth'),getStyle('borderColor'),getStyle('borderAlpha'),false);

var x:Number=-(getStyle('borderWidth