<?xml version=”1.0″ encoding=”utf-8″?>
<s:Group xmlns:fx=”http://ns.adobe.com/mxml/2009″
xmlns:s=”library://ns.adobe.com/flex/spark”
xmlns:mx=”library://ns.adobe.com/flex/mx” width=”100%” height=”100%” >
<fx:Declarations>
<!– 将非可视元素(例如服务、值对象)放在此处 –>
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.events.MenuEvent;
// 1.在Flex应用中创建一个容器,输入下面代码
public var lineColor:uint = 0xCDC9C9; //网格线颜色
public var gridFillColor:uint = 0xFFFAF0; //网格背景色
public var lineThickness:Number = 1; //网格线粗细
public var gridItemSize:Number = 20; //网格大小
/**
* 给舞台填充网格
*/
public function fillGrid():void
{
canvas.graphics.clear();
//填充背景色
canvas.graphics.beginFill(gridFillColor,1);
canvas.graphics.drawRect(0,0,canvas.width,canvas.height);
canvas.graphics.endFill();
canvas.graphics.lineStyle(lineThickness,lineColor,1);
var totalWidth:Number = 0;
this.drawHorizontalLine(gridItemSize,totalWidth);
this.drawVerticalLine(gridItemSize,totalWidth);
}
/**
* 画横线
*/
public function drawHorizontalLine(size:Number,totalSize:Number):void
{
for(var i:int;totalSize<canvas.height;i++)
{
canvas.graphics.moveTo(0,size*i);
canvas.graphics.lineTo(canvas.width,size*i);
totalSize = size*i;
}
}
/**
* 画竖线
*/
public function drawVerticalLine(size:Number,totalSize:Number):void
{
for(var i:int;totalSize<canvas.width;i++)
{
canvas.graphics.moveTo(size*i,0);
canvas.graphics.lineTo(size*i,canvas.height);
totalSize = size*i;
}
}
]]>
</fx:Script>
<s:Group id=”canvas” width=”100%” height=”100%” creationComplete=”fillGrid()”/>
</s:Group>