FLEX2

FLEX에서는 MXML과 ActionScript의 클래스 라이브러리를 사용하여 응용 프로그램을 개발한다.

또한 서버측 데이터에 접근하는 유저 인터페이스 컴퍼넌트와 데이터 소스 사이의 바인딩을 위한 응용프로그램에도 MXML을 사용한다.

<mx:Button id=“myButton” label=“나의 버튼”/>

Button 태그에는 나중에 참조하여 사용할 수 있는 유일한 이름으로 ID 속성을 준다.

<?xml version=“1.0” encoding=“utf-8”?>

<mx:Application xmlns:mx=“http://www.adobe.com/2006/mxml” >

    <mx:Button id=“myButton” label=“나의 버튼” />

</mx:Application>

Flex 소스를 기술한 후에는 컴파일을 해야 한다.

Flex 컴파이러는 Flex 2 설치 폴더의 아래에 있는 ‘Flex SDK 2.0\bin’에 있는 ‘mxmlc’로 작은 실행화일이다.

Flex 2가 설치된 \Flex SDK 2.0\bin 에 컴파일러가 있는 것을 확인하여 본다.

 

MyFirst.mxml을 본인이 가장 좋아하는 텍스트 에디터(EditPlus)을 이용하여 새로 만든다.

코드를 입력하고 MyFirst.mxml에 화일을 저장한다.

 

 

Start > All Programs > Accessories > Command Prompt을 선택하여 명령 창을 연다.

 

Command Prompt의 현재 디렉토리를 Flex 응용 프로그램을 저장한 폴더로 이동한다.

 

Flex 컴파이러를 호출하는 다음의 명령을 실행한다.

두개의 대쉬로 시작하는 명령 줄에 있는 --strict 은 컴파일러 옵션이다. 이 옵션은 Flex 컴파이러의 명령을 정의하는 데 이용된다.

이 보기는 결과적으로 다음의 SWF 화일이 된다.

ActionScript MXML 태그는 ActionScript 클래스이나 클래스의 속성과 일치한다.

<mx:Button> 태그에 있는 mx 는 namespace이다.

mx 는 mx namespace의 형태로 클래스 이름에 부여된다.

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

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"  creationComplete="creationCompleteHandler();" >

<mx:Script>

 <![CDATA[

 import mx.controls.Button;

 import mx.events.FlexEvent;

 private var myButton:Button;

 private function creationCompleteHandler():void {

 // 버튼 인스턴스를 생성하고 라벨를 설정한다.

 myButton = new Button();

 myButton.label = "나의 버튼";

 // 버튼 컴퍼넌트의 생성을 알리고, 레이아웃을 만든다.

 myButton.addEventListener(FlexEvent.CREATION_COMPLETE, buttonCreationCompleteHandler);

 // 버튼 인스턴스를 표시한다.

 addChild (myButton);

 }

 private function buttonCreationCompleteHandler ( evt:FlexEvent ):void {

 // 버튼의 위치를 설정한다

 myButton.x = parent.width/2 - myButton.width/2;

 myButton.y = parent.height/2 - myButton.height/2;

    }

 ]]>

</mx:Script>

</mx:Application>

ActionScript를 통해서 Flex 컴퍼넌트를 생성할 때는 컴포넌트 클래스를 반드시 import해야한다.