Label 구성 요소 사용

Label 구성 요소를 사용하여 양식의 다른 구성 요소에 대한 텍스트 레이블(예: 사용자 이름이 입력되는TextInput 필드 왼쪽의 "Name:" 레이블)을 만듭니다. 일반 텍스트 필드 대신 스타일을 사용하여 일관된 모양과 느낌을 유지할 수 있는 Label 구성 요소를 사용하는 것이 좋습니다.

Label 구성 요소를 회전하려면 글꼴을 포함해야 합니다. 그렇지 않으면 무비를 테스트할 때 레이블이 표시되지 않습니다.

속성 관리자나 구성 요소 관리자에서 각 Label 구성 요소 인스턴스에 대해 autoSize , condenseWhite , selectable , text , wordWrap 등의 제작 매개 변수를 설정할 수 있습니다. 이러한 매개 변수에는 각각 같은 이름의 해당 ActionScript 속성이 있습니다. 이러한 매개 변수의 가능한 값에 대한 자세한 내용은 ActionScript 3.0 Reference for Flash Professional 에서 Label 클래스를 참조하십시오.

다음 절차에서는 제작하는 동안 응용 프로그램에 Label 구성 요소를 추가하는 방법을 설명합니다. 이 예제는 레이블로 "만료일" 텍스트를 표시합니다.

1. 새 Flash(ActionScript 3.0) 문서를 만듭니다.

2. [구성 요소] 패널의 Label 구성 요소를 스테이지로 드래그하고 속성 관리자에서 다음 값을 지정합니다.

   • 인스턴스 이름으로 aLabel 을 입력합니다.

   • W 값으로 80 을 입력합니다.

   • X 값으로 100 를 입력합니다.

   • Y 값으로 100 을 입력합니다.

   • text 매개 변수로 만료일 을 입력합니다.

3. TextArea 구성 요소를 스테이지로 드래그하고 속성 관리자에서 다음 값을 지정합니다.

   • 인스턴스 이름으로 aTa 를 입력합니다.

   • H 값으로 22 를 입력합니다.

   • X 값으로 200 를 입력합니다.

   • Y 값으로 100 을 입력합니다.

4. [액션] 패널을 열고 기본 타임라인에서 프레임 1을 선택한 후 다음 ActionScript 코드를 입력합니다.

   var today:Date = new Date(); 
   var expDate:Date = addDays(today, 14); 
   aTa.text = expDate.toDateString(); 
    
   function addDays(date:Date, days:Number):Date { 
   return addHours(date, days*24); 
   } 
    
   function addHours(date:Date, hrs:Number):Date { 
   return addMinutes(date, hrs*60); 
   } 
    
   function addMinutes(date:Date, mins:Number):Date { 
   return addSeconds(date, mins*60); 
   } 
    
   function addSeconds(date:Date, secs:Number):Date { 
   var mSecs:Number = secs * 1000; 
   var sum:Number = mSecs + date.getTime(); 
   return new Date(sum); 
   }

5. [컨트롤] > [무비 테스트]를 선택합니다.