Flash CS3 ドキュメンテーション

ActionScript 2.0 の学習 > テキストとストリングの操作 > CSS スタイルによるテキストのフォーマット > TextArea コンポーネントへのスタイルシートの適用

TextArea コンポーネントへのスタイルシートの適用

TextArea コンポーネントにスタイルシートを適用するには、スタイルシートオブジェクトを作成し、TextField.StyleSheet クラスを使用して HTML スタイルを割り当てます。次に、TextArea コンポーネントの styleSheet プロパティにスタイルシートを割り当てます。

次の例では、スタイルシートオブジェクト styles を作成し、それを myTextArea コンポーネントインスタンスに割り当てます。

TextArea コンポーネントへのスタイルシートの適用

1. 新しい Flash ドキュメントを作成し、textareastyle.fla という名前を付けて保存します。
2. TextArea コンポーネントを [コンポーネント] パネルの "User Interface" フォルダからステージまでドラッグし、インスタンス名を myTextArea とします。
3. メインタイムラインのフレーム 1 に次の ActionScript を追加します。

   // 新しい StyleSheet オブジェクトを作成し、スタイルを設定する。
   var styles:TextField.StyleSheet = new TextField.StyleSheet();
   styles.setStyle("html", {fontFamily:'Arial,Helvetica,sans-serif',
                       fontSize:'12px',
                       color:'#0000FF'});
   styles.setStyle("body", {color:'#00CCFF',
                       textDecoration:'underline'});
   styles.setStyle("h1",{fontFamily:'Arial,Helvetica,sans-serif',
                       fontSize:'24px',
                       color:'#006600'});
   
   /* myTextArea コンポーネントにスタイルシートオブジェクトを割り当てる。html プロパティを true に設定し、styleSheet プロパティをスタイルシートオブジェクトに設定する。 */
   myTextArea.styleSheet = styles;
   myTextArea.html = true;
   
   var myVars:LoadVars = new LoadVars();
   // onData ハンドラを定義し、表示するテキストをロードする。
   myVars.onData = function(myStr:String):Void {
       if (myStr != undefined) {
           myTextArea.text = myStr;
       } else {
           trace("Unable to load text file.");
       }
   };
   myVars.load("http://www.helpexamples.com/flash/myText.htm");
   

   上記のコードでは、HTML タグ html、body、および h1 の 3 つのスタイルを定義する新しい TextField.StyleSheet インスタンスを定義しています。次に、スタイルシートオブジェクトを TextArea コンポーネントに対して適用し、HTML フォーマットを有効にします。ActionScript 残りの部分では、外部 HTML ファイルをロードし、ロードされたテキストをテキスト領域に流し込む、LoadVars オブジェクトを定義しています。

4. [制御]-[ムービープレビュー] を選択して Flash ドキュメントをテストします。

このページに新しいコメントが追加された場合に、電子メールでの通知を希望する。 | コメントレポート

現在のページ: http://livedocs.adobe.com/flash/9.0_jp/main/00000913.html

コメントの追加