구성 요소 아키텍처

Adobe® ActionScript® 3.0 구성 요소는 Adobe® Flash Player 버전 9.0.28.0 이상에서만 지원되며 Flash CS4 이전에 만들어진 구성 요소와는 호환되지 않습니다. Adobe® ActionScript® 2.0 구성 요소 사용에 대한 자세한 내용은 Adobe® ActionScript® 2.0 구성 요소 사용 설명서 및 Adobe® ActionScript® 2.0 구성 요소 언어 참조 설명서 를 참조하십시오.

Adobe ActionScript 3.0 UI(사용자 인터페이스) 구성 요소는 FLA 기반 구성 요소로 구현되지만 Flash CS5에서는 SWC 및 FLA 기반 구성 요소를 모두 지원합니다. 예를 들어, FLVPlayback 및 FLVPlaybackCaptioning 구성 요소는 SWC 기반 구성 요소입니다. 이 두 가지 유형의 구성 요소 중 어느 것이든 Components 폴더에 추가하면 해당 구성 요소가 [구성 요소] 패널에 표시됩니다. 이러한 두 구성 요소는 서로 다르게 만들어졌으므로 개별적으로 살펴보겠습니다.

ActionScript 3.0 FLA 기반 구성 요소

ActionScript 3.0 사용자 인터페이스 구성 요소는 FLA 기반 파일(.fla)이며 스테이지에서 구성 요소를 두 번 클릭하여 편집할 수 있는 내장 스킨이 이 구성 요소에 포함되어 있습니다. 구성 요소의 스킨과 기타 에셋은 타임라인의 프레임 2에 있습니다. 구성 요소를 두 번 클릭하면 자동으로 프레임 2로 이동되며 구성 요소의 스킨 팔레트가 열립니다. 다음 그림에서는 Button 구성 요소에 대해 표시되는 스킨 팔레트를 보여 줍니다.

Button 구성 요소의 스킨

구성 요소 스킨 및 구성 요소 사용자 정의에 대한 자세한 내용은 UI 구성 요소 사용자 정의 및 FLVPlayback 구성 요소 사용자 정의 를 참조하십시오.

Flash CS5 FLA 기반 UI 구성 요소에는 구성 요소의 미리 컴파일된 ActionScript 코드가 들어 있는 SWC도 포함되어 있어 응용 프로그램의 컴파일 속도를 크게 향상시키고 ActionScript 3.0 설정과 충돌하는 것을 방지합니다. 미리 컴파일된 정의를 사용할 수 있도록 ComponentShim SWC는 스테이지에서 모든 사용자 인터페이스 구성 요소의 프레임 2에 있습니다. 스테이지에 있는 구성 요소나 해당 [링크] 속성에서 [첫 프레임으로 내보내기] 옵션이 선택된 상태로 라이브러리에 있는 구성 요소만 ActionScript에 사용할 수 있습니다. ActionScript를 사용하여 구성 요소를 만들려면 import 문을 통해 클래스를 가져와서 구성 요소에 액세스해야 합니다. import 문에 대한 자세한 내용은 ActionScript 3.0 Reference for Flash Professional 을 참조하십시오.

SWC 기반 구성 요소

SWC 기반 구성 요소에도 FLA 파일과 ActionScript 클래스 파일이 있지만 해당 파일은 SWC로 컴파일하고 내보낸 것입니다. 미리 컴파일된 Flash 심볼과 ActionScript 코드의 패키지인 SWC 파일을 사용하면 변경되지 않는 심볼과 코드를 다시 컴파일하지 않아도 됩니다.

FLVPlayback 및 FLVPlaybackCaptioning 구성 요소는 SWC 기반 구성 요소입니다. 이러한 구성 요소의 스킨은 기본 제공 스킨이 아닌 외부 스킨입니다. FLVPlayback 구성 요소에는 기본 스킨이 있습니다. 기본 스킨은 미리 제작된 스킨 컬렉션에서 하나를 선택하거나, [구성 요소] 패널의 UI 컨트롤에서 컨트롤을 사용자 정의하거나(BackButton, BufferingBar 등), 사용자 정의 스킨을 만드는 방법으로 변경할 수 있습니다. 자세한 내용은 FLVPlayback 구성 요소 사용자 정의 를 참조하십시오.

Flash에서는 다음과 같은 방법으로 무비 클립을 컴파일된 클립으로 변환할 수 있습니다.

무비 클립 컴파일

  • [라이브러리] 패널에서 무비 클립을 마우스 오른쪽 버튼으로 클릭(Windows)하거나 Control 키를 누른 채 클릭(Macintosh)하고 [컴파일된 클립으로 변환]을 선택합니다.

    컴파일된 클립은 컴파일하기 전의 무비 클립과 동일하게 동작하지만 일반 무비 클립보다 더 빠르게 표시되고 제작됩니다. 컴파일된 클립은 편집할 수 없지만 속성 관리자와 [구성 요소 관리자]에 해당 속성이 나타납니다.

    SWC 구성 요소에는 컴파일된 클립, 구성 요소의 미리 컴파일된 ActionScript 정의 및 구성 요소를 설명하는 기타 파일이 포함되어 있습니다. 구성 요소를 직접 만든 경우에는 SWC 파일로 내보내서 배포할 수 있습니다.

SWC 파일 내보내기

  • [라이브러리] 패널에서 무비 클립을 선택하고 마우스 오른쪽 버튼으로 클릭(Windows)하거나 Control 키를 누른 상태에서 클릭(Macintosh)한 다음 [SWC 파일 내보내기]를 선택합니다.

    참고: Flash CS4 이상의 SWC 파일 형식은 Flex SWC 형식과 호환되기 때문에 이 두 제품 간에 SWC 파일을 교환할 수 있지만 어느 정도의 수정은 필요할 수 있습니다.

SWC 기반 구성 요소 만들기에 대한 자세한 내용은 www.adobe.com/go/learn_fl_creating_components_kr 을 참조하십시오.

ActionScript 3.0 구성 요소 API

ActionScript 3.0 구성 요소 각각은 패키지 폴더에서 이름이 fl. packagename . classname 형식인 ActionScript 3.0 클래스를 기반으로 만들어집니다. 예를 들어, Button 구성 요소는 Button 클래스의 인스턴스이며 패키지 이름은 fl.controls.Button 입니다. 응용 프로그램에 구성 요소 클래스를 가져올 때는 해당 패키지 이름을 반드시 참조해야 합니다. Button 클래스의 경우에는 다음과 같은 명령문을 사용하여 가져올 수 있습니다. 

import fl.controls.Button;

구성 요소 클래스 파일의 위치에 대한 자세한 내용은 구성 요소 파일을 사용한 작업 을 참조하십시오.

구성 요소의 클래스는 응용 프로그램에서 해당 구성 요소와 상호 작용하는 데 사용할 수 있는 메서드, 속성, 이벤트 및 스타일을 정의합니다. ActionScript 3.0 UI 구성 요소는 Sprite 및 UIComponent 클래스의 하위 클래스이며 이들 클래스의 속성, 메서드 및 이벤트를 상속합니다. Sprite 클래스는 기본 표시 목록을 구성하는 단위로, 타임라인이 없다는 점을 제외하면 MovieClip 클래스와 비슷합니다. UIComponent 클래스는 모든 대화형 및 비대화형 시각적 구성 요소의 기본 클래스입니다. 각 구성 요소의 상속 경로와 해당 속성, 메서드, 이벤트 및 스타일은 Adobe ActionScript 3.0 Reference for Flash Professional 에 설명되어 있습니다.

모든 ActionScript 3.0 구성 요소는 ActionScript 3.0 이벤트 처리 모델을 사용합니다. 이벤트 처리에 대한 자세한 내용은 이벤트 처리 및 ActionScript 3.0 프로그래밍 을 참조하십시오.