{"id":8833,"date":"2014-12-17T07:50:04","date_gmt":"2014-12-17T07:50:04","guid":{"rendered":"http:\/\/2slick.com\/web\/?p=8833"},"modified":"2014-12-17T07:50:04","modified_gmt":"2014-12-17T07:50:04","slug":"how-to-format-the-text-in-a-text-field-in-as3","status":"publish","type":"post","link":"https:\/\/2slick.com\/web\/how-to-format-the-text-in-a-text-field-in-as3\/affordablewebsitestips\/tutorials","title":{"rendered":"How to format the text in a text field in AS3"},"content":{"rendered":"

Formatting a TextField object is different than formatting a TextArea object in AS3<\/a>. Below is an example main project class that formats a text field in AS3.<\/p>\n

 Javascript | <\/td><\/td> copy code |<\/td>?<\/td> <\/td><\/tr><\/tbody><\/table>
01<\/td>
<\/pre><\/td><\/tr>
02<\/td>
package<\/span>  {<\/span><\/pre><\/td><\/tr>
03<\/td>
 <\/pre><\/td><\/tr>
04<\/td>
\timport<\/span> flash.display<\/span>.MovieClip<\/span>;<\/span><\/pre><\/td><\/tr>
05<\/td>
\timport<\/span> flash.text<\/span>.TextField<\/span>;<\/span><\/pre><\/td><\/tr>
06<\/td>
    import<\/span> flash.text<\/span>.TextFieldAutoSize<\/span>;<\/span><\/pre><\/td><\/tr>
07<\/td>
    import<\/span> flash.text<\/span>.TextFormat<\/span>;<\/span><\/pre><\/td><\/tr>
08<\/td>
 <\/pre><\/td><\/tr>
09<\/td>
\tpublic<\/span> class<\/span> main extends<\/span> MovieClip {<\/span><\/pre><\/td><\/tr>
10<\/td>
 <\/pre><\/td><\/tr>
11<\/td>
\t\t\/\/create vars<\/span><\/pre><\/td><\/tr>
12<\/td>
\t\t\/\/create text field object<\/span><\/pre><\/td><\/tr>
13<\/td>
\t\tvar<\/span> myTextField:<\/span>TextField =<\/span> new<\/span> TextField(<\/span>)<\/span>;<\/span><\/pre><\/td><\/tr>
14<\/td>
\t\t\/\/create text field formatting style variable<\/span><\/pre><\/td><\/tr>
15<\/td>
\t\tvar<\/span> myTextFormat:<\/span>TextFormat =<\/span> new<\/span> TextFormat(<\/span>)<\/span>;<\/span><\/pre><\/td><\/tr>
16<\/td>
 <\/pre><\/td><\/tr>
17<\/td>
\t\t\/\/Note: text muse be added after the TextFormat instances is assigned to else the fomatting won't apply.<\/span><\/pre><\/td><\/tr>
18<\/td>
 <\/pre><\/td><\/tr>
19<\/td>
\t\tpublic<\/span> function<\/span> main(<\/span>)<\/span> {<\/span><\/pre><\/td><\/tr>
20<\/td>
\t\t\t\/\/ constructor code<\/span><\/pre><\/td><\/tr>
21<\/td>
\t\t\taddChild(<\/span>myTextField)<\/span>;<\/span><\/pre><\/td><\/tr>
22<\/td>
\t\t\tmyTextField.x<\/span> =<\/span> 30<\/span>;<\/span><\/pre><\/td><\/tr>
23<\/td>
\t\t\tmyTextField.y<\/span> =<\/span> 30<\/span>;<\/span><\/pre><\/td><\/tr>
24<\/td>
\t\t\tmyTextField.width<\/span> =<\/span> 250<\/span>;<\/span><\/pre><\/td><\/tr>
25<\/td>
\t\t\tmyTextField.height<\/span> =<\/span> 100<\/span>;<\/span><\/pre><\/td><\/tr>
26<\/td>
\t\t\t\/\/myTextField.text = "Hello World";<\/span><\/pre><\/td><\/tr>
27<\/td>
\t\t\t\/\/set style formating variable<\/span><\/pre><\/td><\/tr>
28<\/td>
\t\t\tmyTextFormat.font<\/span> =<\/span> "Arial"<\/span>;<\/span><\/pre><\/td><\/tr>
29<\/td>
\t\t\tmyTextFormat.size<\/span> =<\/span> 40<\/span>;<\/span><\/pre><\/td><\/tr>
30<\/td>
\t\t\tmyTextFormat.bold<\/span> =<\/span> true<\/span>;<\/span><\/pre><\/td><\/tr>
31<\/td>
\t\t\tmyTextFormat.italic<\/span> =<\/span> true<\/span>;<\/span><\/pre><\/td><\/tr>
32<\/td>
\t\t\tmyTextFormat.underline<\/span> =<\/span> true<\/span>;<\/span><\/pre><\/td><\/tr>
33<\/td>
\t\t\tmyTextFormat.color<\/span> =<\/span> 0xef0000;<\/span><\/pre><\/td><\/tr>
34<\/td>
\t\t\t\/\/apply style to textField variable<\/span><\/pre><\/td><\/tr>
35<\/td>
\t\t\tmyTextField.defaultTextFormat<\/span> =<\/span> myTextFormat;<\/span><\/pre><\/td><\/tr>
36<\/td>
\t\t\tmyTextField.text<\/span> =<\/span> "Hello World"<\/span>;<\/span><\/pre><\/td><\/tr>
37<\/td>
 <\/pre><\/td><\/tr>
38<\/td>
\t\t}<\/span><\/pre><\/td><\/tr>
39<\/td>
 <\/pre><\/td><\/tr>
40<\/td>
 <\/pre><\/td><\/tr>
41<\/td>
\t}<\/span><\/pre><\/td><\/tr>
42<\/td>
}<\/span><\/pre><\/td><\/tr>
43<\/td>
 <\/pre><\/td><\/tr>
44<\/td>
<\/pre><\/td><\/tr><\/table><\/div><\/pre><\/p>\n
Here is another example on how to format a TextField, and the text in the TextField<\/a>, from Adobe's website.<\/p>\n","protected":false},"excerpt":{"rendered":"
Formatting a TextField object is different than formatting a TextArea object in AS3. Below is an example main project class that formats a text field in AS3.  Javascript |  copy code |? 0102package {03 04 import flash.display.MovieClip;05 import flash.text.TextField;06 import flash.text.TextFieldAutoSize;07 import flash.text.TextFormat;08 09 public class main extends MovieClip {10 11 \/\/create vars12 \/\/create text field object13 var myTextField:TextField = new TextField();14 \/\/create […]<\/p>\n","protected":false},"author":1,"featured_media":8748,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[749],"class_list":["post-8833","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-flash-professional"],"_links":{"self":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/8833","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/comments?post=8833"}],"version-history":[{"count":1,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/8833\/revisions"}],"predecessor-version":[{"id":8834,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/8833\/revisions\/8834"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media\/8748"}],"wp:attachment":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media?parent=8833"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/categories?post=8833"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/tags?post=8833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}