package com { import mx.core.UIComponent; public class Draw extends UIComponent { private var WIDTH:int=60; private var HEIGHT:int=30; public function Draw() { drowOne();//绘制一个菱形 drow();//绘制多行多列菱形 } public function init():void{ } /** * 绘制20行40列 800个菱形 * * **/ public function drow():void{ var h:int=HEIGHT/2; var w:int=WIDTH/2; for(var j:int=0;j<20;j++){ for(var i:int=0;i<40;i++){ trace("helloWorld"); this.graphics.moveTo(i*WIDTH,HEIGHT*j+h); this.graphics.lineStyle(1,0x52432); this.graphics.lineTo(WIDTH*i+w,HEIGHT*j); this.graphics.lineTo(WIDTH*(i+1),HEIGHT*j+h); this.graphics.lineTo(WIDTH*i+w,HEIGHT*(j+1)); this.graphics.lineTo(i*WIDTH,HEIGHT*j+h); this.graphics.endFill(); } } } //绘制一行 10个菱形 // public function drow():void{ // var height:int=HEIGHT/2; // var width:int=WIDTH/2; // for(var i:int=0;i<10;i++){ // this.graphics.moveTo(i*WIDTH,height); // this.graphics.lineStyle(1,0x52432); // this.graphics.lineTo(WIDTH*i+WIDTH/2,0); // this.graphics.lineTo(WIDTH*(i+1),HEIGHT/2); // this.graphics.lineTo(WIDTH*i+WIDTH/2,HEIGHT); // this.graphics.lineTo(i*WIDTH,height); // this.graphics.endFill(); // } // // } /** * 绘制一个 菱形,看成个长方体,取各边的中点连起来 * 我的方法是 左边中点--->上边中点--->右边中点----->下边中点---->左边中点 * * */ public function drowOne():void{ var height:int=400; var width:int=800; this.graphics.beginFill(0x82145); this.graphics.moveTo(200,300);//移动到某个点 (左边的中点) this.graphics.lineStyle(1); this.graphics.lineTo(200+width/2,300-height/2);//移动到上边中点 this.graphics.lineTo(200+width,300);//移动到右边中点 this.graphics.lineTo(200+width/2,300+height/2);//下边的重点 this.graphics.lineTo(200,300);//移动到起始点 this.graphics.endFill(); } } }