sprite.graphics 现在内存中画图，知道endFill()才渲染到桌面
BitmapData.draw(...)可以取出内存中的图片
private function dataGridStyleFunction(
data:Object, column:AdvancedDataGridColumn):Object {
return { color: "blue" };
}
private function columnStyleFunction(
data:Object, column:AdvancedDataGridColumn):Object {
return { color: "red" };
● ProgrammaticSkin: Implementation of IFlexDisplayObject，ILayoutManagerClient，IInvalidating，ISimpleStyleClient interface. It is the easiest and common superclass.
● Border: the sub-class of ProgrammaticSkin, has been added the property of borderMetrics. If the skin has the border property could use this class.
● RectangularBorder： the sub-class of Border, supports the backgroundImage style.
● UIComponent: Implementation of IStateCleint interface. Easily to produce multi-state skin component
DashBorder {
dashlen: 20;
gaplen: 20;
}
.tightDashBorder {
dashlen: 2;
gaplen: 2;
}
.tightDashWideGapBorder {
dashlen: 2;
gaplen: 20;
}
.wideDashTightGapBorder {
dashlen: 20;
gaplen: 2;
}
import mx.core.UIComponent;
public class DashBorder extends UIComponent{
private var dashlen:Number = 5;
private var gaplen:Number = 5;
public function DashBorder(){
super();
}
override protected function updateDisplayList
(unscaledWidth:Number, unscaledHeight:Number):void{
super.updateDisplayList(unscaledWidth, unscaledHeight);
var borderThickness:int = getStyle("borderThickness");
var borderColor:int = getStyle("borderColor");
graphics.clear();
graphics.lineStyle(borderThickness, borderColor, 1)
if (getStyle("dashlen")) {
this.dashlen = getStyle("dashlen");
}
if (getStyle("gaplen")) {
this.gaplen = getStyle("gaplen");
}
drawBorder(this.x, this.y, unscaledWidth, unscaledHeight,
this.dashlen, this.gaplen);
}
public function drawLine(x1:Number, y1:Number, x2:Number, y2:Number,
dashlen:Number, gaplen:Number): void {
if((x1 != x2) || (y1 != y2)){
var incrlen:Number = dashlen + gaplen;
var len:Number = Math.sqrt((x1 - x2) * (x1 - x2) + (y1 - y2) * (y1 - y2));
var angle:Number = Math.atan((y2 - y1) / (x2 - x1));
var steps:uint = len / (dashlen + gaplen);
var dashstepx:Number = dashlen * Math.cos(angle);
if (x2 < x1) dashstepx *= -1;
var dashstepy:Number = dashlen * Math.sin(angle);
var gapstepx:Number = gaplen * Math.cos(angle);
if (x2 < x1) gapstepx *= -1;
var gapstepy:Number = gaplen * Math.sin(angle);
var stepcount:uint = 0;
while ((stepcount++) < steps) {
var dashstartx:Number;
var dashstarty:Number;
var dashendx:Number;
var dashendy:Number;
if(x1 == x2 && y1 != y2){
dashstartx = dashendx = x1;
if(y2 > y1){
dashstarty = y1 + ((stepcount-1) * (dashlen + gaplen));
dashendy = dashstarty + dashlen;
}else{
dashstarty = y1 - ((stepcount-1) * (dashlen + gaplen));
dashendy = dashstarty - dashlen;
}
}else if(y1 == y2 && x1 != x2){
dashstarty = dashendy = y1;
if(x2 > x1){
dashstartx = x1 + ((stepcount-1) * (dashlen + gaplen));
dashendx = dashstartx + dashlen;
}else{
dashstartx = x1 - ((stepcount-1) * (dashlen + gaplen));
dashendx = dashstartx - dashlen;
}
}
graphics.moveTo(dashstartx, dashstarty);
graphics.lineTo(dashendx, dashendy);
}
}
}
private function drawBorder(x1:Number, y1:Number, width:Number, height:Number,
dashlen:Number, gaplen:Number) : void {
drawLine(x1, y1, x1 + width, y1, dashlen, gaplen);
drawLine(x1 + width, y1, x1 + width, y1 + height, dashlen, gaplen);
drawLine(x1 + width, y1 + height, x1, y1 + height, dashlen, gaplen);
drawLine(x1, y1 + height, x1, y1, dashlen, gaplen);
}
}