버터백통의 N-Screen 레시피

클라이언트 컴퓨터에서 사용중인 폰트목록을 Font클래스의 enumerateFonts()메서드를 통하여 불러올 수 있다. 다만 폰트의 이름정보 정도만 가져오므로 실제로 폰트를 사용하기 위해서는 TextFormat에서 font속성 정도로 접근하여 보여줄 수 있다. 그러나 폰트자체를 가공하기 위해서는 임베드를 해야하는데 다이나믹한 임베드가 되지 않으니 근사한 가공은 현재로선 힘들 것 같다.

* enumerateFonts : 현재 사용할 수 있는 포함된 글꼴의 목록을 제공할지 여부를 지정합니다.
   값을 true로 설정하면 장치 글꼴과 포함된 글꼴을 포함한 모든 글꼴의 목록이 반환됩니다.
   이 값을 false로 설정하면 포함된 글꼴의 목록만 반환됩니다.

fontsList:Array = [];
fontsList = Font.enumerateFonts(true);
fontsList.sortOn( "fontName" , Array.CASEINSENSITIVE);
for( var i:int=0; i<fontsNum; i++ ){
 trace( i , "번째 폰트 : " , fontsList[i]["fontName"] );
}
//출력 : 클라이언트의 폰트목록을 출력한다.

아래의 무비는  TextFormat에 사용할 폰트를 fontsList[선택된 폰트번호]["fontName"] 명령문을 통하여 여러분의 컴퓨터에 설치 되어있는 폰트를 가져와 사용합니다.

TextFeild에는 styleSheet라는 속성이 있다. 이곳에 불러들여 파싱한 css파일을 설정한다.
외부에 아래와 같이 css파일을 만든 다음 URLLoader를 통해 무비로 불러들인다.
p{
 font-family:돋움;
 color:#FFFFFF;
 font-size:10;
}
.emphasis{
 font-weight:bold;
 font-style:italic;
 color:#FFFF00;
 font-size:14;
}

불러온 css파일을 StyleSheet를 delegate한 객체에서 parseCSS( 불러온 css.data )메서드를 사용하여 css내용을 분석하여 delegate객체를 TextField의 styleSheet으로 설정한다.

[실제 css에서의 속성과 같은 역할을 하는 AC3에서의 속성]

 위의 표는 css에서 사용하는 서식의 속성들이다 AS3에서도 Object를 통해 위에 표기된 이름으로 속성을 설정하면 css와 같은 역할을 하지만 AS3 내부에서 처리하려면 TextFormat으 사용하는 것이 좋을 것 같다.

htmlText에 적용법은 일반 html에 적용하듯이 사용하면 된다.
TextField.styleSheet = css;
TextField.htmlText = "<span class='emphasis'>'이동통신망으로 양방향 TV 본다!'</span>을...... 체결했다고 5일 밝혔다.";
위에 빨간 구간이 css에 영향을 받는 서식이 된다.

텍스트필드에 글자모양이나 간격, 밑줄, 두께, Margin등 좀더 세밀한 서식을 만들기 위해서는 TextFormat클래스를 사용한다. 이 클래스는 text나 htmlText에 모두 적용할 수 있고 TextField의 defaultTextFormat 속성이나 setTextFormat() 메서드를 통하여 설정한다.

[ Public 속성 ]
align : String
단락의 정렬을 나타냅니다.

blockIndent : Object
블록 들여쓰기를 픽셀 단위로 나타냅니다.

bold : Object
텍스트를 굵게 표시할지 여부를 지정합니다.

bullet : Object
텍스트가 불릿 목록의 일부임을 나타냅니다.

color : Object
텍스트의 색상을 나타냅니다.

font : String
이 텍스트 서식의 텍스트 글꼴 이름을 나타내는 문자열입니다.

indent : Object
왼쪽 여백에서 단락의 첫 문자 사이의 들여쓰기를 나타냅니다.

italic : Object
이 텍스트 서식의 텍스트가 기울임체인지 여부를 나타냅니다.

kerning : Object
자간의 활성화 여부를 true 또는 false로 나타내는 부울 값입니다.

leading : Object
행 사이의 세로 간격(행간)을 나타내는 정수입니다.

leftMargin : Object
단락의 왼쪽 여백(픽셀 단위)입니다.

letterSpacing : Object
모든 문자 사이에 균등하게 분배되는 간격을 나타내는 정수입니다.

rightMargin : Object
단락의 오른쪽 여백(픽셀 단위)입니다.

size : Object
이 텍스트 서식에서 텍스트의 포인트 크기입니다.

tabStops : Array
사용자 정의 탭 중지를 음이 아닌 정수의 배열로 지정합니다.

target : String
하이퍼링크가 표시되는 대상 윈도우를 나타냅니다.

underline : Object
이 텍스트 서식을 사용하는 텍스트에 밑줄을 그을지 여부를 true 또는 false로 나타냅니다.

url : String
이 텍스트 서식의 텍스트에 대한 대상 URL을 나타냅니다.

위의 속성을 설정하면 TextField에 defaultTextFormat 속성에 formater를 반영하거나 setTextFormat()메서드를 통해 사용할 구간과 format를 반영할 수 있다.

defaultTextFormat는 필드의 속성이므로 한번 반영되면 일괄적으로 모든 내용에 서식이 적용된다. 그리고 내용이 입력되기 전에 속성을 설정하여야 서식이 내용에 반영된다.

setTextFormat는 내용이 바뀌면 사라지는 휘발성이지만 내용의 일부분에만 효과를 줄 수있다. 그리고 내용이 바뀌지 않는다면 setTextFormat는 누적 사용가능하다. 따라서 사용자의 액션에 의해 서식을 추가 할 수 있다.

텍스트 필드에는 내용을 스크롤 할 수 있는 스크롤 속성을 제공한다. 보통은 스크롤 클래스를 만들어 마스크를 이용하여 개발하지만 간혹가다가 mp3플레이어에서 제목이나 가사를 자동 스크롤할 때나 게시판 목록에서 일부 필드에 보여지는 영역보다 많은 내용이 등록되어있어서 마우스 오버하면 가로로 marquee하면서 가려진 내용을 보여주고자 할때 사용하면 편리할 것 같다.

속성은 scrollV , maxScrollV , bottomScrollV , scrollH , maxScrollH 속성이 있다.
세로로 스크롤 하고자 하면 Vertical형태의 속성을 사용하면 되고 가로로 스크롤 하고자 하면 Horizontal형태의 속성을 사용하면 된다.

세로형은 보통 내용의 인덱스 값으로 이동을 하게 되는데 scrollV는 정수(글씨의 순번에 의한 위치 가령 대한민국에서 1:대 , 2:한 , 3:민 , 4:국)일 때 scrollV = 2 를 하면 민부터 내용이 보여지게 된다.
bottomScrollV는 현재보이는 마지막 문자열이 제일 위로 올라왔을 때 보여질 마지막 문자열의 순번을 반환한다.
maxScrollV는 내용의 마지막 문자열이 보일수 있도록 텍스트 필드의 크기에 따라 계산되어 보일수 있는 첫번째 문자열 번호를 반환한다.

가로형은 세로형과 달리 픽셀정보를 사용한다.
scrollH -= 10을 입력하면 10픽셀씩 왼쪽으로 이동한다.
maxScrollH는 마지막 값을 보일수 있도록 이동할 수 있는 최대 픽셀 값이다. 가령 maxScrollH의 값이 150이면 scrollH 에 150을 입력하면 마지막 내용을 볼수 있다. 이 값은 DYNAMIC타입과 INPUT타입에 따라 값이 50픽셀의 차이가 있다. INPUT인 경우에는 입력할 수 있도록 클릭할 영역 50픽셀의 버퍼를 제공하기 때문에 maxScrollH의 값은 텍스트필드의 타입에 따라 값이 다르게 된다.

AS3에서 모든 텍스트는 TextField클래스를 사용한다. TextField에는 Dynamic과 Input타입을 제공하여 입력과 출력이 가능하며 보더(테두리)나 배경색을 설정하게 할 수 있고, html텍스트나 css등을 구현할 수 있다. 현재 구현되는 모든 텍스트 입출력 기능은 TextField클래스에서 구현하고있다. 따라서 속성이나 메서드가 비교적 많이 설계되어있고 마찬가지로 화면에 보이게 할려면 디스플레이 리스트에 등록을 하여야 한다.

[ Public 속성 ]
alwaysShowSelection : Boolean
true로 설정하면 텍스트 필드에 포커스가 없는 경우 Flash Player에서 텍스트 필드의 선택 영역이 회색으로 강조 표시됩니다.

antiAliasType : String
이 텍스트 필드에 사용되는 앤티앨리어싱 유형입니다.

autoSize : String
텍스트 필드의 자동 크기 조절 및 정렬을 제어합니다.

background : Boolean
텍스트 필드에 배경 칠이 있는지 여부를 지정합니다.

backgroundColor : uint
텍스트 필드의 배경색입니다.

border : Boolean
텍스트 필드에 테두리가 있는지 여부를 지정합니다.

borderColor : uint
텍스트 필드의 테두리 색상입니다.

bottomScrollV : int
[read-only] 지정된 텍스트 필드에서 현재 맨 아래에 표시되는 행을 나타내는 정수 인덱스(1부터 시작)입니다.

caretIndex : int
[read-only] 삽입점(캐럿) 위치의 인덱스입니다.

condenseWhite : Boolean
HTML 텍스트가 있는 텍스트 필드에서 공백 문자, 줄 바꿈 등의 불필요한 공백을 제거할지 여부를 지정하는 부울 값입니다.

defaultTextFormat : TextFormat
replaceSelectedText() 메서드로 삽입한 텍스트 또는 사용자가 입력한 텍스트 등 새로 삽입되는 텍스트에 적용할 서식을 지정합니다.

displayAsPassword : Boolean
텍스트 필드가 암호 텍스트 필드인지 여부를 지정합니다.

embedFonts : Boolean
포함된 글꼴 외곽선을 사용하여 렌더링할지 여부를 지정합니다.

gridFitType : String
이 텍스트 필드에 사용되는 격자 맞춤의 유형입니다.

htmlText : String
텍스트 필드의 내용에 대한 HTML 표현이 들어 있습니다.

length : int
[read-only] 텍스트 필드의 문자 수입니다.

maxChars : int
사용자가 입력하여 텍스트 필드에 포함될 수 있는 최대 문자 수입니다.

maxScrollH : int
[read-only] scrollH의 최대값입니다.

maxScrollV : int
[read-only] scrollV의 최대값입니다.

mouseWheelEnabled : Boolean
사용자가 텍스트 필드를 클릭하고 마우스 휠을 굴릴 때 여러 줄 텍스트 필드가 자동으로 스크롤되는지 여부를 나타내는 부울 값입니다.

multiline : Boolean
텍스트 필드가 여러 행 텍스트 필드인지 여부를 나타냅니다.

numLines : int
[read-only] 여러 행 텍스트 필드의 텍스트 행 수를 정의합니다.
 
restrict : String
사용자가 텍스트 필드에 입력할 수 있는 문자 세트를 나타냅니다.

scrollH : int
현재 가로 스크롤 위치입니다.

scrollV : int
텍스트 필드에서 텍스트의 수직 위치입니다.

selectable : Boolean
텍스트 필드를 선택할 수 있는지 여부를 나타내는 부울 값입니다.

selectionBeginIndex : int
[read-only] 현재 선택 영역에 있는 첫 문자의 인덱스 값(0부터 시작)입니다.

selectionEndIndex : int
[read-only] 현재 선택 영역에 있는 마지막 문자의 인덱스 값(0부터 시작)입니다.

sharpness : Number
이 텍스트 필드의 글리프 가장자리 선명도입니다.

styleSheet : StyleSheet
텍스트 필드에 스타일 시트를 연결합니다.

text : String
텍스트 필드의 현재 텍스트인 문자열입니다.

textColor : uint
텍스트 필드의 16진수 형식 텍스트 색상입니다.

textHeight : Number
[read-only] 텍스트의 높이(픽셀 단위)입니다.

textWidth : Number
[read-only] 텍스트의 폭(픽셀 단위)입니다.

thickness : Number
이 텍스트 필드의 글리프 가장자리 두께입니다.

type : String
텍스트 필드의 유형입니다.

useRichTextClipboard : Boolean
텍스트와 함께 텍스트 서식을 복사하여 붙여 넣을지 여부를 지정합니다.

wordWrap : Boolean
텍스트 필드에 자동 줄 바꿈이 사용되는지 여부를 나타내는 부울 값입니다.

[ Public 메서드 ]
TextField()
새 TextField 인스턴스를 만듭니다.

appendText(newText:String):void
newText 매개 변수에 지정된 문자열을 텍스트 필드의 텍스트 끝에 추가합니다.

getCharBoundaries(charIndex:int):Rectangle
문자의 경계 상자인 사각형을 반환합니다.

getCharIndexAtPoint(x:Number, y:Number):int
x 및 y 매개 변수로 지정된 점에 있는 문자의 인덱스 값(0부터 시작)을 반환합니다.

getFirstCharInParagraph(charIndex:int):int
지정된 문자 인덱스와 같은 단락에 있는 첫 문자의 인덱스를 반환합니다.

getImageReference(id:String):DisplayObject
<img> 태그를 사용하여 HTML 형식 텍스트 필드에 추가된 이미지 또는 SWF 파일에 대한 지정된 ID의 DisplayObject 참조를 반환합니다.

getLineIndexAtPoint(x:Number, y:Number):int
x 및 y 매개 변수로 지정된 점에 있는 문자의 인덱스 값(0부터 시작)을 반환합니다.

getLineIndexOfChar(charIndex:int):int
charIndex 매개 변수로 지정된 문자가 들어 있는 행의 인덱스 값(0부터 시작)을 반환합니다.

getLineLength(lineIndex:int):int
특정 텍스트 행의 문자 수를 반환합니다.

getLineMetrics(lineIndex:int):TextLineMetrics
지정된 텍스트 행에 대한 메트릭 정보를 반환합니다.

getLineOffset(lineIndex:int):int
lineIndex 매개 변수로 지정된 행에 있는 첫 문자의 문자 인덱스를 반환합니다.

getLineText(lineIndex:int):String
lineIndex 매개 변수로 지정된 행의 텍스트를 반환합니다.

getParagraphLength(charIndex:int):int
지정된 문자 인덱스가 포함된 단락의 길이를 반환합니다.

getTextFormat(beginIndex:int = -1, endIndex:int = -1):TextFormat
beginIndex 및 endIndex 매개 변수로 지정된 텍스트 범위에 대한 서식 정보가 들어 있는 TextFormat 객체를 반환합니다.

replaceSelectedText(value:String):void
현재 선택 내용을 value 매개 변수의 내용으로 바꿉니다.

replaceText(beginIndex:int, endIndex:int, newText:String):void
beginIndex 및 endIndex 매개 변수로 지정된 문자 범위를 newText 매개 변수의 내용으로 바꿉니다.

setSelection(beginIndex:int, endIndex:int):void
beginIndex 및 endIndex 매개 변수로 지정된 첫 번째 및 마지막 문자의 인덱스 값으로 지정된 텍스트를 선택된 상태로 설정합니다.

setTextFormat(format:TextFormat, beginIndex:int = -1, endIndex:int = -1):void
텍스트 필드의 지정된 텍스트에 format 매개 변수로 지정된 텍스트 서식을 적용합니다.

[ 이벤트 ] 
change 
컨트롤의 값이 수정된 경우에 전달됩니다.

link 
사용자가 HTML 사용 가능 텍스트 필드에서 URL이 "event:"로 시작되는 하이퍼링크를 클릭할 때 전달됩니다.

scroll 
사용자가 스크롤한 후 TextField 객체에 의해 전달됩니다.

textInput 
사용자가 텍스트를 한 글자 이상 입력하면 Flash Player에서 textInput 이벤트를 전달합니다.