텍스트를 사용한 작업의 기초

텍스트를 사용한 작업 소개

Adobe Flash Player 화면에 텍스트를 표시하려면 TextField 클래스의 인스턴스를 사용합니다. TextField 클래스는 Adobe Flex 프레임워크 및 Flash 제작 환경에서 제공되는 기타 텍스트 기반 구성 요소(예: TextArea 구성 요소 또는 TextInput 구성 요소)의 기초가 됩니다. Flash 제작 환경에서의 텍스트 구성 요소 사용에 대한 자세한 내용은 Flash 사용 설명서의 "텍스트 제어"를 참조하십시오.

텍스트 필드 내용은 텍스트 파일이나 데이터베이스 같은 외부 소스에서 로드한 SWF 파일에 미리 지정하거나, 응용 프로그램을 사용하는 사용자가 직접 입력할 수 있습니다. 텍스트 필드에서는 텍스트가 렌더링된 HTML 내용으로 표시되고 렌더링된 HTML에 이미지를 포함할 수 있습니다. 텍스트 필드의 인스턴스를 구축한 경우에는 TextFormat 클래스와 StyleSheet 클래스처럼 flash.text 패키지 클래스를 사용하여 텍스트의 모양을 제어할 수 있습니다. flash.text 패키지에는 ActionScript에서 텍스트를 만들고, 관리하고, 서식을 지정하는 작업과 관련된 거의 모든 클래스가 들어 있습니다.

TextFormat 객체를 사용하여 서식을 정의한 다음 이 객체를 텍스트 필드에 할당하여 텍스트 서식을 지정할 수 있습니다. 텍스트 필드에 HTML 텍스트가 있으면 StyleSheet 객체를 텍스트 필드에 적용하여 텍스트 필드 내용의 특정 부분에 스타일을 지정할 수 있습니다. TextFormat 객체나 StyleSheet 객체에는 색, 크기 및 두께 등 텍스트의 모양을 정의하는 속성이 있습니다. TextFormat 객체는 텍스트 필드 내의 모든 내용에 속성을 할당하거나 일정 범위의 텍스트에 할당합니다. 예를 들어, 같은 텍스트 필드 내에서 한 문장은 빨간색 굵은 텍스트로, 다음 문장은 파란색 기울임꼴 텍스트로 표시할 수 있습니다.

텍스트 서식에 대한 자세한 내용은 텍스트 서식 할당을 참조하십시오.

텍스트 필드의 HTML 텍스트에 대한 자세한 내용은 HTML 텍스트 표시를 참조하십시오.

스타일 시트에 대한 자세한 내용은 CSS(Cascading Style Sheet) 적용을 참조하십시오.

flash.text 패키지의 클래스뿐 아니라 flash.events.TextEvent 클래스를 사용해서도 텍스트와 관련된 사용자 액션에 응답할 수 있습니다.

텍스트와 관련된 일반적인 작업

이 장에서는 다음과 같은 일반적인 텍스트 관련 작업이 설명됩니다.

텍스트 필드 내용 수정
텍스트 필드에 HTML 사용
텍스트 필드에 이미지 사용
텍스트 선택 및 사용자가 선택한 텍스트를 사용한 작업
텍스트 입력 캡처
텍스트 입력 제한
텍스트에 서식 및 CSS 스타일 적용
선명도, 두께 및 앤티앨리어싱으로 텍스트 표시 미세 조정
ActionScript에서 정적 텍스트 필드 액세스 및 작업

중요한 개념 및 용어

다음 참조 목록에는 이 장에 나오는 중요한 용어에 대한 설명이 나와 있습니다.

CSS(Cascading Style Sheet): XML 또는 HTML 형식으로 구성된 내용의 스타일과 서식 설정을 위한 표준 구문입니다.
장치 글꼴: 사용자 시스템에 설치되어 있는 글꼴입니다.
동적 텍스트 필드: 사용자 입력이 아닌 ActionScript에 의해 내용을 변경할 수 있는 텍스트 필드입니다.
포함 글꼴: 데이터가 포함된 글꼴로, 문자 외곽선 데이터는 응용 프로그램의 SWF 파일에 저장되어 있습니다.
HTML 텍스트: ActionScript를 사용하여 텍스트 필드에 입력한 텍스트 내용으로, HTML 서식 태그와 실제 텍스트 내용이 들어 있는 텍스트입니다.
입력 텍스트 필드: 사용자 입력 또는 ActionScript에 의해 내용을 변경할 수 있는 텍스트 필드입니다.
정적 텍스트 필드: Flash 제작 도구에서 만들어졌으며 SWF 파일 실행 중에 내용을 변경할 수 없는 텍스트 필드입니다.
텍스트 행 메트릭: 텍스트 기준선, 문자의 높이, 디센더(일부 소문자에서 기준선 아래로 뻗은 부분) 크기 등, 텍스트 필드 내 텍스트 내용에 대한 다양한 부분의 크기 값입니다.

이 장의 예제를 사용하여 작업

이 장의 내용을 따라 작업하면서 예제 코드 샘플을 직접 테스트할 수 있습니다. 이 장은 ActionScript의 텍스트 필드 작업을 다루므로, 이 장에 나오는 모든 코드 샘플은 기본적으로 TextField 객체(Flash 제작 도구에서 생성하여 스테이지에 배치한 TextField 객체 또는 ActionScript를 사용하여 생성한 TextField 객체) 조작과 관련이 있습니다. 샘플을 테스트하려면 코드로 텍스트 필드를 조작한 결과를 Flash Player에서 확인해야 합니다.

이 장의 예제는 두 그룹으로 나누어 집니다. 첫 번째 예제 유형은 TextField 객체를 명시적으로 생성하지 않고 조작합니다. 이 장의 코드 샘플을 테스트하려면:

빈 Flash 문서를 만듭니다.
타임라인에서 키프레임을 선택합니다.
[액션] 패널을 열고 [스크립트] 창에 코드 샘플을 복사합니다.
[텍스트 도구]를 사용하여 스테이지에 동적 텍스트 필드를 작성합니다.
텍스트 필드를 선택한 상태에서 속성 관리자에서 텍스트 필드에 인스턴스 이름을 지정합니다. 이 이름은 예제 코드 샘플에서 해당 텍스트 필드에 대해 사용한 이름과 일치해야 합니다. 예를 들어, 코드 샘플에서 myTextField라는 텍스트 필드를 조작하려는 경우 텍스트 필드 이름도 myTextField로 지정해야 합니다.
[컨트롤] > [무비 테스트]를 사용하여 프로그램을 실행합니다.
코드 샘플에 지정된 대로 텍스트 필드를 코드 조작한 결과가 화면에 표시됩니다.

이 장에 나오는 두 번째 유형의 예제 코드 샘플은 SWF에 대한 문서 클래스로 사용될 클래스 정의로 구성되어 있습니다. 이러한 샘플의 경우, 예제 코드에 의해 TextField 인스턴스가 만들어지므로 사용자가 인스턴스를 개별적으로 만들어야 합니다. 이러한 유형의 코드 샘플을 테스트하려면:

빈 Flash 문서를 만들고 컴퓨터에 저장합니다.
새 ActionScript 파일을 만들어 위의 Flash 문서와 동일한 디렉토리에 저장합니다. 파일 이름은 코드 샘플에 있는 클래스의 이름과 일치해야 합니다. 예를 들어, 코드 샘플에 정의된 클래스 이름이 TextFieldTest인 경우 TextFieldTest.as라는 이름을 사용하여 ActionScript 파일을 저장합니다.
ActionScript 파일에 코드 샘플을 복사하고 파일을 저장합니다.
Flash 문서에서 스테이지 또는 작업 영역의 빈 부분을 클릭하여 문서 속성 관리자를 활성화합니다.
텍스트에서 복사한 ActionScript 클래스의 이름을 속성 관리자의 [문서 클래스] 필드에 입력합니다.
[컨트롤] > [무비 테스트]를 사용하여 프로그램을 실행합니다.
화면에 표시되는 예제 결과를 확인합니다.

예제 코드 샘플 테스트와 관련한 기술에 대해서는 이 장에 제시된 예제 코드 샘플 테스트에서 자세하게 설명합니다.

Flash CS3

이 페이지에 의견 추가되면 전자 메일 알림 받기 | 의견 보고서

현재 페이지: http://livedocs.adobe.com/flash/9.0_kr/main/00000219.html