Flex 2 컴퍼넌트의 작성과 확장 > custom Flex 컴퍼넌트의 작성 > Flex 컴퍼넌트의 작성 > custom 컴퍼넌트의 작성 > ActionScript 컴퍼넌트의 작성

ActionScript 컴퍼넌트의 작성

ActionScript 클래스를 정의하는 것으로, ActionScript 컴퍼넌트를 작성합니다. ActionScript 를 사용하면, 아래 타입의 컴퍼넌트를 작성할 수 있습니다.

유저 인터페이스 (비주얼) 컴퍼넌트 유저 인터페이스 컴퍼넌트는, 처리 논리와 비주얼 엘리먼트의 양쪽 모두를 가지고 있습니다. custom 유저 인터페이스 컴퍼넌트를 작성하여서 기존의 동작을 변경하거나 새로운 기능을 컴퍼넌트에 추가합니다. 보통 이러한 컴퍼넌트는 Flex 컴퍼넌트 계층을 확장합니다. UIComponent 클래스나 Button ,ComboBox ,DataGrid 등의 임의의 Flex 컴퍼넌트를 확장할 수 있습니다. ActionScript 의 custom 컴퍼넌트는, Super 클래스의 메소드, 속성(properties) , 이벤트, 스타일, 및 Effect를 모두 상속받습니다.

비주얼하지 않은 컴퍼넌트 비주얼하지 않은 컴퍼넌트는 비주얼 엘리먼트를 정의하지 않습니다. Flex 에는 Formatter, Validator , Effect 등의 유저가 작성 가능한 몇 개의 타입의 비주얼하지 않은 컴퍼넌트가 있습니다. 이러한 컴퍼넌트를 작성하려면 Flex 컴퍼넌트 계층으로부터 서브 클래스를 작성합니다. Validator 의 경우는 Validator 클래스의 서브 클래스, Formatter의 경우는 Formatter 클래스의 서브 클래스, Effect의 경우는 Effect 클래스의 서브 클래스를 작성합니다.

예를 들어, 다음의 예에 나타내듯이, Flex Button 클래스에 근거해 custom Button 컴퍼넌트를 정의할 수 있습니다.

package myComponents
{

    import mx.controls.Button;

    public class MyButton extends Button {
    
        // constructor　 　 을 정의한다 
        public function MyButton() {
            // Super 클래스의 constructor　 　 을 호출한다 
            super();
            // label  properties 를 "Submit" 로 설정한다
            label="Submit";
        }
    }
}

이 예에서는, MyButton 클래스를 "MyButton.as" 파일에 작성합니다.

ActionScript 패키지내에서 custom 컴퍼넌트를 정의할 필요가 있습니다. 패키지에는 어플리케이션의 디렉토리 구조에 있어서의 컴퍼넌트의 디렉토리의 장소가 나타납니다. 보통 custom ActionScript 컴퍼넌트의 경로는 ActionScript 의 classpath에 포함되어 있는 디렉토리, 어플리케이션의 하위 디렉토리 또는 Flex Data Services 의 경우는 WEB-INF/flex/user_classes 디렉토리내가 됩니다. 이 예에서의 package 표기는 Flex 어플리케이션 "myComponents" 하위 디렉토리내에 있는 "MyButton.as" 파일을 지정합니다.

다음의 예에 나타내듯이, custom 컴퍼넌트를 참조하는 MXML 파일에서는 MXML 파일내에서 namespace를 정의해 참조합니다.

<? xml version="1. 0"? >
<! -- myApplication.mxml -->

<! -- custom 컴퍼넌트의 namespace 정의를 include  한다 -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
        xmlns:MyComp="myComponents. *">

    <! -- 파일명을 MXML 태그명으로서 사용한다 -->
    <MyComp:MyButton/>

</mx:Application>

이 예에서는, 어플리케이션의 디렉토리 구조내의 custom 컴퍼넌트의 위치를 지정하는 MyComp namespace를 최초로 정의합니다. 다음에 namespace의 접두사를 사용하여 컴퍼넌트를 MXML 태그로서 참조합니다.

상세한 것에 대해서는, ActionScript 에 의한 간단한 비주얼 컴퍼넌트의 작성을 참조해 주세요.