Openzet.org

개요

OpenZet라이브러리를 사용하기위해 FlexBuilder에서의 환경설정을 설명한다.

OpenZet 라이브러리 설정

'New' -> 'Flex Project'메뉴를 선택하여 새로운 프로젝트를 생성한다.

'Project name'에는 생성될 프로젝트 명을 입력하고 'Nex'버튼을 클릭한다.

프로젝트에서 빌드되는 결과물(swf)이 생성되는 디렉토리를 지정한다.

두번째 텝에서 'Library path'를 선택후 'Add SWC'버튼을 클릭한다.

'Browse'버튼을 클릭하여 OpenZet.swc파일을 선택한다.

다음 화면과 같이 OpenZet.swc가 등록된것을 확인할수 있다.

테스트

OpenZet에 포함된 컴포넌트를 사용하기 위해 다음과 같이 네임스페이스를 지정한다.

xmlns:zet="http://www.openzet.org/2009/mxml"

이제 mxml파일내에서 'zet'테그를 사용하여 컴포넌트를 사용할수 있다.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
	xmlns:mx="http://www.adobe.com/2006/mxml"
	xmlns:zet="http://www.openzet.org/2009/mxml">
	<mx:Script>
	<![CDATA[
	import mx.collections.ArrayCollection;
 
	[Bindable]
	private var sampleAC:ArrayCollection = new ArrayCollection([
		{index:1, data1:100, data2:200},
		{index:2, data1:120, data2:300},
		{index:3, data1:110, data2:210},
		{index:4, data1:140, data2:220},
		{index:5, data1:90, data2:210},
		{index:6, data1:100, data2:240},
		{index:7, data1:130, data2:210},
		{index:8, data1:140, data2:200},
		{index:9, data1:110, data2:180},
		{index:10, data1:100, data2:220}]);
	]]>
	</mx:Script>
	<zet:ZetCartesianChart dataProvider="{sampleAC}" showSeriesBox="true">
		<zet:series>
			<mx:ColumnSeries yField="data2" displayName="데이터 2" />
			<mx:LineSeries yField="data1" displayName="데이터 1" />
		</zet:series>
	</zet:ZetCartesianChart>
</mx:Application>