Flex中怎么给容器设置网格

Flex中怎么给容器设置网格

其实很简单，用到图形控件graphics

用它来进行画线 代码如下

 

 

<?xml version="1.0" encoding="utf-8"?>
 <mx:Application xmlns:mx=" http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="fillGrid()"> 
<mx: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 = 50; 
//网格大小         
/**     * 给舞台填充网格     */
 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.width;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;      }     }  

 ]]> </mx:Script>  <mx:Canvas id="canvas" x="302" y="88" width="200" height="200" creationComplete="fillGrid()"/>

  </mx:Application>