'Text'에 해당되는 글 1건

  1. 2008.08.09 텍스트문자열 표시 1
텍스트의 입력 값이건 String값을 표현하려면 text/htmlText라는 속성 설정한다. 또한 추가로 내용을 덧불일려면 appendText()를 사용하는 것이 " += "보다 훨씬 효율적이다.

텍스트 필드에는 표현 방식이 2가지가 있는데 text와 htmlText이다. 이들 둘은 약간의 장단점을 가지고 있다.

text는 내용을 기본 설정 서식에 따라 일괄적으로 서식을 보여준다. 부분적으로 서식을 바꾸고 싶으면 setTextFormat을 사용하여 적용할 인덱스 범위를 설정해야 하기 때문에 번거로울 수 있다. 하지만 변함 없는 서식에서는 섬세한 설정이 가능하다.

htmlText는 흔히 사용하는 태그 방식으로 서식을 설정할 수 있고 css를 만들어 styleSheet속성에 적용하면 외부 파일인 css의 수정만으로 서식을 자유롭게 사용할 수있다. 그러나 서식을 구간이나 형태를 바꿀려고 하면 역시 번거롭기는 마찬가지다.

htmlText에서 지원이 되는 태그는 아래와 같다.

태그

설명

앵커 태그

<a> 태그는 하이퍼링크를 만들며 다음 특성을 지원합니다.

  • href: URL은 페이지를 로드하는 SWF 파일의 절대적 또는 상대적 위치입니다. URL에 대한 절대 참조의 예로는 http://www.adobe.com, 상대 참조의 예로는 /index.html이 있습니다. 절대 URL 앞에는 http:// 접두어가 있어야 합니다. 그렇지 않으면 해당 URL이 상대 URL로 간주됩니다.
  • event: event 특성을 사용하면 사용자가 하이퍼링크를 클릭할 때 전달되는 link TextEventtext 속성을 지정할 수 있습니다. event:myEvent를 예로 들 수 있습니다. 사용자가 이 하이퍼링크를 클릭하면 텍스트 필드에서 text 속성이 "myEvent"로 설정된 link TextEvent를 전달합니다.
  • target: 페이지를 로드할 대상 윈도우의 이름을 지정합니다. 사용 가능한 옵션에는 _self, _blank, _parent _top 등이 있습니다. _self 옵션은 현재 윈도우의 현재 프레임을 지정하고, _blank는 새로운 윈도우를 지정하고, _parent는 현재 프레임의 부모를 지정하고, _top은 현재 윈도우의 최상위 프레임을 지정합니다.

링크 이벤트를 사용하면 링크를 통해 URL을 여는 대신 SWF 파일에서 ActionScript 함수를 실행할 수 있습니다.

스타일 시트를 사용하여 앵커 태그의 a:link, a:hover a:active 스타일을 정의할 수도 있습니다.

굵게 태그

<b> 태그는 텍스트를 굵은 글꼴로 렌더링합니다. 이때 사용된 글꼴이 굵은 글꼴을 지원해야 합니다.

행 분리 태그

<br> 태그는 텍스트 필드에서 줄을 바꿉니다. 이 태그를 사용하려면 텍스트 필드를 여러 행 텍스트 필드로 설정해야 합니다.

글꼴 태그

<font> 태그는 텍스트를 표시할 글꼴 또는 글꼴 목록을 지정합니다. 지원되는 특성은 다음과 같습니다.

  • color: 16진수 색상(#FFFFFF) 값만 지원됩니다.
  • face: 사용할 글꼴의 이름을 지정합니다. 다음 예제와 같이 글꼴 이름 목록을 쉼표로 구분하여 지정할 수도 있습니다. 이 경우 Flash Player에서는 사용 가능한 첫 번째 글꼴이 선택됩니다. 지정된 글꼴이 사용자의 컴퓨터 시스템에 설치되어 있지 않거나 SWF에 포함되어 있지 않으면 Flash Player에서는 대체 글꼴이 선택됩니다.
  • size: 글꼴의 크기를 지정합니다. 16 또는 18 등의 절대 픽셀 크기를 사용할 수도 있고, +2 또는 -4 등의 상대 포인트 크기를 사용할 수도 있습니다.

이미지 태그

<img> 태그를 사용하면 외부 이미지 파일(JPEG, GIF, PNG), SWF 파일 및 무비 클립을 텍스트 필드에 포함할 수 있습니다. 텍스트는 텍스트 필드에 포함된 이미지 주위로 자동 전개됩니다. 이 태그를 사용하려면 텍스트 필드를 여러 행 텍스트 필드로 설정하고 텍스트 줄 바꿈을 설정해야 합니다.

<img> 태그는 다음 특성을 지원합니다.

  • src: 이미지나 SWF 파일에 대한 URL 또는 라이브러리의 무비 클립 심볼에 대한 링크 식별자를 지정합니다. 이 특성은 필수이며, 그 외의 다른 특성은 선택 사항입니다. 외부 파일(JPEG, GIF, PNG SWF 파일)은 완전히 다운로드될 때까지 표시되지 않습니다.
  • width: 삽입할 이미지, SWF 파일 또는 무비 클립의 폭(픽셀 단위)입니다.
  • height: 삽입할 이미지, SWF 파일 또는 무비 클립의 높이(픽셀 단위)입니다.
  • align: 텍스트 필드 내에 포함된 이미지의 가로 정렬 방법을 지정합니다. leftright 값을 사용할 수 있으며 기본값은 left입니다.
  • hspace: 이미지의 왼쪽과 오른쪽에 텍스트를 표시하지 않을 간격을 지정합니다. 기본값은 8입니다.
  • vspace: 이미지의 위쪽과 아래쪽에 텍스트를 표시하지 않을 간격을 지정합니다. 기본값은 8입니다.
  • id: 이미지 파일, SWF 파일 또는 무비 클립이 포함된 Flash Player로 만든 무비 클립 인스턴스의 이름을 지정합니다. 이는 포함된 내용을 ActionScript로 제어하려는 경우 유용합니다.
  • checkPolicyFile: Flash Player에서 이미지의 도메인과 관련된 서버의 크로스 도메인 정책 파일을 확인하도록 지정합니다. 크로스 도메인 정책 파일이 있으면 이 파일에 나열된 도메인의 SWF 파일에서 로드된 이미지의 데이터에 액세스할 수 있습니다. 예를 들어 로드된 이미지를 source 매개 변수로 사용하여 BitmapData.draw() 메서드를 호출할 수 있습니다. 자세한 내용은 ActionScript 3.0 프로그래밍 "Flash Player 보안" 장을 참조하십시오.

Flash에서는 텍스트 필드에 포함된 미디어를 전체 크기로 표시합니다. 포함되는 미디어의 크기를 지정하려면 <img> 태그의 height width 특성을 사용합니다.

일반적으로 텍스트 필드에 포함된 이미지는 <img> 태그 다음 줄에 표시됩니다. 그러나 <img> 태그가 텍스트 필드의 첫 문자인 경우에는 이미지가 텍스트 필드의 첫 줄에 표시됩니다.

기울임체 태그

<i> 태그는 대상 텍스트를 기울임체로 표시합니다. 이때 사용된 글꼴이 기울임체를 지원해야 합니다.

목록 항목 태그

<li> 태그는 이 태그로 둘러싼 텍스트 앞에 불릿 기호를 표시합니다. 참고: Flash Player에서는 순서 있는 목록 태그와 순서 없는 목록 태그(<ol> <ul>)가 인식되지 않으므로 이러한 태그는 목록의 렌더링 방식에 영향을 주지 않습니다. 모든 목록에는 순서가 없으며 모든 목록 항목에 불릿 기호가 사용됩니다.

단락 태그

<p> 태그는 새로운 단락을 만듭니다. 이 태그를 사용하려면 텍스트 필드를 여러 행 텍스트 필드로 설정해야 합니다. <p> 태그는 다음 특성을 지원합니다.

  • align: 단락 내에서 텍스트 정렬 방법을 지정합니다. left, right, justify center 값을 사용할 수 있습니다.
  • class: flash.text.StyleSheet 객체로 정의된 CSS 스타일 클래스를 지정합니다.

스타일 범위 지정 태그

<span> 태그는 CSS 텍스트 스타일과 함께 사용해야 합니다. 이 태그는 다음 특성을 지원합니다.

  • class: flash.text.StyleSheet 객체로 정의된 CSS 스타일 클래스를 지정합니다.

텍스트 서식 태그

<textformat> 태그를 사용하면 행간, 들여쓰기, 여백, 탭 위치 등 TextFormat 클래스의 단락 서식 속성 하위 집합을 텍스트 필드 내에서 사용할 수 있습니다. <textformat> 태그는 내장된 HTML 태그와 함께 사용할 수 있습니다.

<textformat> 태그에는 다음과 같은 특성이 있습니다.

  • blockindent: 블록 들여쓰기를 포인트 단위로 지정하며 TextFormat.blockIndent에 해당합니다.
  • indent: 왼쪽 여백에서 단락의 첫 글자 사이의 들여쓰기를 지정하며 TextFormat.indent에 해당합니다. 양수와 음수를 모두 사용할 수 있습니다.
  • leading: 행 사이의 행간(세로 간격)을 지정하며 TextFormat.leading에 해당합니다. 양수와 음수를 모두 사용할 수 있습니다.
  • leftmargin: 단락의 왼쪽 여백을 포인트 단위로 지정하며 TextFormat.leftMargin에 해당합니다.
  • rightmargin: 단락의 오른쪽 여백을 포인트 단위로 지정하며 TextFormat.rightMargin에 해당합니다.
  • tabstops: 사용자 정의 탭 위치를 음수가 아닌 정수의 배열로 지정하며 TextFormat.tabStops에 해당합니다.

밑줄 태그

<u> 태그는 대상 텍스트에 밑줄을 긋습니다.

 
참고로 htmlText에는 몇가지 속성이 더 있는데 그중에 유용한 것이 condenseWhite라는 속성이다. 이는 내용 중에 공백이 있을 경우 불필요한 공백을 줄여준다. 보통은 브라우저에서 처리해 주지만 AS3에서 제공하는 텍스트필드는 브라우저의 영향을 받지 못하므로 따로 설정을 한다.

Posted by 버터백통