TextField 스타일시트 예제

TextField에 여러개의 Embed폰트를 보여주기 위한 예제이다.
이를 위해서는 TextField 의

styleSheet
embedFonts
htmlText

3가지 속성을 이용해야 한다.
styleSheet 에 임베드된 폰트를 지정해 줌으로서 swf 상에 있는 폰트를 사용 할 수 있다.

추가적으로 html 태그의 경우 자동으로 줄바꿈이 되는데 이걸 방지하기 위해서는 태그안에 태그를 넣어주면 된다. 아래의 예제를 통해서 확인 해 볼 수 있다.

import fl.events.SliderEvent;
var style:StyleSheet = new StyleSheet();
var yoonObj:Object = new Object();
var letterObj:Object = new Object();
yoonObj.fontFamily = new Yoon340().fontName;
yoonObj.fontSize = "12";
yoonObj.color = "#8c8c8c";
yoonObj.letterSpacing = "-1";
letterObj.fontFamily = new Letter().fontName;
letterObj.fontSize = "12";
letterObj.color = "#737373";
letterObj.fontWeight = "bold";
letterObj.letterSpacing = "-1";
style.setStyle("yoon", yoonObj);
style.setStyle("letter", letterObj);
txt_test1.autoSize = TextFieldAutoSize.CENTER;
txt_test1.styleSheet = style;
txt_test1.embedFonts = true;
txt_test1.htmlText = "휴먼편지체윤고딕340";
txt_test1.autoSize = TextFieldAutoSize.CENTER;
txt_test2.styleSheet = style;
txt_test2.embedFonts = true;
txt_test2.htmlText = "휴먼편지체 윤고딕340";
slide_size.addEventListener(SliderEvent.THUMB_DRAG, handleDrag);
function handleDrag(e:SliderEvent):void
{
yoonObj.fontSize = e.value;
letterObj.fontSize = e.value;
style.setStyle("yoon", yoonObj);
style.setStyle("letter", letterObj);
txt_test1.styleSheet = style;
txt_test2.styleSheet = style;
}

Download File

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.