문서에서 구성 요소 추가 및 삭제

FLA 기반 구성 요소를 [구성 요소] 패널에서 스테이지로 드래그하면 Flash에서는 편집 가능한 동영상 클립을 라이브러리로 가져옵니다. SWC 기반 구성 요소를 스테이지로 드래그하면 Flash에서는 컴파일된 클립을 라이브러리로 가져옵니다. 구성 요소를 라이브러리로 가져온 후에는 구성 요소 인스턴스를 [라이브러리] 패널이나 [구성 요소] 패널에서 스테이지로 드래그할 수 있습니다.

제작하는 동안 구성 요소 추가

구성 요소를 문서에 추가하려면 [구성 요소] 패널에서 드래그하십시오. 그런 다음 속성 관리자나 [구성 요소 관리자]의 [매개 변수] 탭에서 구성 요소 인스턴스 각각에 대한 속성을 설정할 수 있습니다.

  1. [윈도우] > [구성 요소]를 선택합니다.

  2. [구성 요소] 패널에서 구성 요소를 두 번 클릭하거나 구성 요소를 스테이지로 드래그합니다.

  3. 스테이지에서 구성 요소를 선택합니다.

  4. 속성 관리자가 표시되어 있지 않은 경우에는 [윈도우] > [속성] > [속성]을 선택합니다.

  5. 속성 관리자에서 구성 요소 인스턴스의 이름을 입력합니다.

  6. [윈도우] > [구성 요소 관리자]를 선택하고 [매개 변수] 탭을 선택하여 인스턴스의 매개 변수를 지정합니다.

    자세한 내용은 매개 변수 및 속성 설정 을 참조하십시오.

  7. 폭(W:) 및 높이(H:) 값을 편집하여 구성 요소의 크기를 원하는 대로 변경합니다.

    특정 구성 요소 유형의 크기 조절에 대한 자세한 내용은 UI 구성 요소 사용자 정의 을 참조하십시오.

  8. [컨트롤] > [동영상 테스트]를 선택하거나 Control+Enter를 눌러 문서를 컴파일하고 설정 결과를 확인합니다.

    구성 요소에 대한 스타일 속성을 설정하여 구성 요소의 색상과 텍스트 서식을 변경하거나 구성 요소의 스킨을 편집하여 모양을 사용자 정의할 수도 있습니다. 이 항목에 대한 자세한 내용은 UI 구성 요소 사용자 정의 를 참조하십시오.

    제작하는 동안 구성 요소를 스테이지로 드래그한 경우 해당 인스턴스 이름(예: myButton )을 사용하여 구성 요소를 참조할 수 있습니다.

ActionScript를 사용하여 런타임에 구성 요소 추가

ActionScript를 사용하여 런타임에 구성 요소를 문서에 추가하려면 SWF 파일을 컴파일할 때 응용 프로그램의 라이브러리([윈도우] > [라이브러리])에 해당 구성 요소가 있어야 합니다. 라이브러리에 구성 요소를 추가하려면 [구성 요소] 패널의 구성 요소를 [라이브러리] 패널로 드래그합니다. 라이브러리에 대한 자세한 내용은 라이브러리 를 참조하십시오.

응용 프로그램에서 구성 요소의 API를 사용하려면 해당 구성 요소의 클래스 파일도 가져와야 합니다. 구성 요소 클래스 파일은 하나 이상의 클래스가 포함된 패키지 에 설치됩니다. 구성 요소 클래스를 가져오려면 import 문을 사용하여 패키지 이름과 클래스 이름을 지정하십시오. 예를 들어, 다음 import 문을 사용하면 Button 클래스를 가져올 수 있습니다.

import fl.controls.Button;

구성 요소를 포함하는 패키지에 대한 자세한 내용은 ActionScript 3.0 Reference 를 참조하십시오. 구성 요소 소스 파일의 위치에 대한 자세한 내용은 구성 요소 파일을 사용한 작업 을 참조하십시오.

구성 요소 인스턴스를 만들려면 구성 요소의 ActionScript 생성자 메서드를 호출해야 합니다. 예를 들어, 다음 명령문은 aButton 이라는 Button 인스턴스를 만듭니다.

var aButton:Button = new Button();

마지막으로 정적 addChild() 메서드를 호출하여 구성 요소 인스턴스를 스테이지 또는 응용 프로그램 컨테이너에 추가합니다. 예를 들어, 다음 명령문은 aButton 인스턴스를 추가합니다.

addChild(aButton);

이때 구성 요소 API를 사용하여 스테이지에 있는 구성 요소의 크기와 위치를 동적으로 지정하고, 이벤트를 수신하고, 구성 요소의 비헤이비어를 수정하도록 속성을 설정할 수 있습니다. 특정 구성 요소의 API에 대한 자세한 내용은 ActionScript 3.0 Reference 를 참조하십시오.

addChild() 메서드에 대한 자세한 내용은 표시 목록을 사용한 작업 을 참조하십시오.

구성 요소 삭제

제작하는 동안 스테이지에서 구성 요소 인스턴스를 삭제하려면 구성 요소를 선택한 다음 Delete 키를 누르면 됩니다. 이 경우 스테이지에서 인스턴스가 제거될 뿐이며 응용 프로그램에서 구성 요소가 제거되지는 않습니다.

구성 요소를 스테이지나 라이브러리에 배치한 후 Flash 문서에서 구성 요소를 삭제하려면 라이브러리에서 구성 요소 및 관련 에셋을 삭제해야 하며, 스테이지에서 구성 요소를 삭제하는 것만으로는 부족합니다. 라이브러리에서 구성 요소를 제거하지 않으면 컴파일 시 해당 구성 요소가 응용 프로그램에 포함됩니다.

  1. [라이브러리] 패널에서 구성 요소의 심볼을 선택합니다.

  2. [라이브러리] 패널의 아래쪽에 있는 [삭제] 버튼을 클릭하거나 [라이브러리] 패널 메뉴에서 [삭제]를 선택합니다.

    이러한 단계를 반복하여 구성 요소와 관련 에셋을 삭제합니다.

    응용 프로그램이 실행 중일 때 구성 요소를 컨테이너에서 제거하는 방법에 대한 자세한 내용은 표시 목록에서 구성 요소 제거 을 참조하십시오.