Action Script3/Flex で線を描いてみる

as3

http://gyazo.com/670cba58fb9ca8e9f25673433cf26107.png
Action Script 3を使って，上記のように線を描いて見るテスト．
下記のMXMLと線を描くキャンバスのクラスとして，LineTest.asを，ここではpackage名がorg.seselab.sampleなので，
ディレクトリは，org/seselab/sample以下に作成し，コンパイル＆実行する．

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
	xmlns:example="org.seselab.sample.*"
	layout="vertical"
	horizontalAlign="left"
	paddingTop="0" >
	
	<example:LineTest id="line" creationComplete="line.init()"/>
	
</mx:Application>
  • org/seselab/sample/LineTest.as
package org.seselab.sample
{
	import mx.core.UIComponent;

	public class LineTest extends UIComponent
	{		
		public var fgColor:uint = 0x003366;

		
		public function init(faceSize:Number = 200):void 
		{
			draw();
		}
		
		public function draw():void
		{
			graphics.lineStyle(3.0, fgColor);
        	graphics.moveTo(50,100);
        	graphics.lineTo(150,200);
		}
		
	}
}