用flex4画美丽的曲线

本来想画出网格曲线的，不过偶然画出了美丽的曲线效果，算是错有错着吧，现在贴出来希望对大家有帮助：

 

 

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 

  xmlns:s="library://ns.adobe.com/flex/spark" 

  creationComplete="application1_creationCompleteHandler(event)"

  xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

<s:layout>

<s:BasicLayout/>

</s:layout>

<fx:Declarations>

<!-- 将非可视元素（例如服务、值对象）放在此处 -->

</fx:Declarations>

<fx:Script>

<![CDATA[

import mx.events.FlexEvent;

public var lineColor:uint = 0xCDC9C9; //网格线颜色

public var gridFillColor:uint = 0xFFFFA0; //网格背景色

public var lineThickness:Number = 1; //网格线粗细

public var gridItemSize:Number = 30; //网格大小

 

protected function application1_creationCompleteHandler(event:FlexEvent):void{

drawHorizontalLine();

}

private function drawHorizontalLine():void{

var HorizontalBlockNum:int = Math.round(drawingBoard.height/gridItemSize);

drawingBoard.contentGroup.graphics.clear();

for(var i:int = 1;i<HorizontalBlockNum;i++){

drawingBoard.contentGroup.graphics.lineStyle(lineThickness,lineColor,lineThickness);

drawingBoard.contentGroup.graphics.moveTo(0,i*gridItemSize);

drawingBoard.contentGroup.graphics.lineTo(i*gridItemSize,drawingBoard.height);

}

}

]]>

</fx:Script>

<s:BorderContainer id="drawingBoard" width="100%" height="100%">

</s:BorderContainer>

</s:Application>