例 : 新聞形式のテキストフォーマット

ここで示す News Layout という例では、紙面版の新聞の記事と同様に見えるようにテキストをフォーマットします。入力テキストには記事のヘッドライン、サブタイトル、および本文を含めることができます。この News Layout という例は、表示領域の幅と高さが指定されると、表示領域の幅いっぱいに表示されるようにヘッドラインとサブタイトルをフォーマットします。記事の本文テキストは 2 段組みまたは 3 段組みで配置されます。

この例では、ActionScript の以下のプログラミング手法について説明します。

TextField クラスの拡張
外部 CSS ファイルのロードと適用
CSS スタイルから TextFormat オブジェクトへの変換
TextLineMetrics クラスによるテキスト表示サイズ情報の取得

このサンプル用のアプリケーションファイルを入手するには、www.adobe.com/go/learn_programmingAS3samples_flash_jp を参照してください。News Layout アプリケーションのファイルは、"Samples/NewsLayout" フォルダにあります。アプリケーションは、次のファイルで構成されています。

ファイル	説明
NewsLayout.mxml または NewsLayout.fla	アプリケーションのユーザーインターフェイスです (Flex 用の MXML、または Flash 用の FLA)。
StoryLayout.as	新しい記事のすべてのコンポーネントを表示用に配置する、メインの ActionScript クラスです。
FormattedTextField.as	TextField クラスのサブクラスであり、専用の TextFormat オブジェクトを管理します。
HeadlineTextField.as	FormattedTextField クラスのサブクラスであり、指定の幅に合わせてフォントサイズを調整します。
MultiColumnTextField.as	テキストを複数の段に分割する ActionScript クラスです。
story.css	レイアウトのテキストスタイルが定義されている CSS ファイルです。
newsconfig.xml	記事のコンテンツが含まれている XML ファイルです。

サブトピック

外部 CSS ファイルの読み取り

ページへの記事要素の配置

フィールドサイズに合わせるためのフォントサイズ変更

複数の段へのテキストの分割

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

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