イナヅマTVログ

Flashで縦書き・段組みだったらText Layout Framework

| 0件のコメント

Adobe の Open Source プロジェクト【Text Layout Framework
Flashデザインのボトルネックだった文字表現を著しく向上させることができます。

次期 CS5 に搭載される Text Engine を先取りしてるのかなぁ。
できることは、Sneak preview で紹介されていることと同じ、だと思う。

gotoandlearn.com: Sneak Peak of Flash CS5
23min.あたりからがText Layout Framework。

日本語などの縦書きやアラビア語などの右から左へ表示する英語以外の言語に対応するなど意欲的な機能が満載です。
段組みやテキストブロックをリンクできるなどDTPアプリに近いことができるようです。

詳細はAdobeのText Layout Framework 1.0 Major Feature Listから引用です。

  • Bidirectional text, vertical text and over 30 writing scripts including Arabic, Hebrew, Chinese, Japanese, Korean, Thai, Lao, Vietnamese, and others
  • Selection, editing and flowing text across multiple columns and linked containers
  • Vertical text, Tate-Chu-Yoko (horizontal within vertical text) and justifier for East Asian typography
  • Rich typographical controls, including kerning, ligatures, typographic case, digit case, digit width and discretionary hyphens
  • Cut, copy, paste, undo and standard keyboard and mouse gestures for editing
  • Rich developer APIs to manipulate text content, layout, markup and create custom text components
  • ActionScript-based object-oriented model for rich text layout enabling live updates

【実行環境】
Flash Player 10 and Adobe AIR 1.5。
日本語インライン入力には対応できていない様子。(Mac)

【開発環境】
Flash CS4, Flex Builder 3.x, Flash Builder 4.x + Text Layout Framework

Flash CS4 Component
Adobe Labs Downloads
http://labs.adobe.com/downloads/textlayout.html

PDF:http://download.macromedia.com/pub/labs/textlayout/textlayout_flashcomponent_overview.pdf

Flex Bulder, Flash Builder
Flex SDK 4.xに添付済み。
http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+4

できることは分かったけど、ドキュメントが少ないのは気が重い。
できることが多いと使うのは多分めんどくさいはず、ドキュメントのありかをリストアップ。

■インストール
Using the Text Layout Framework with Adobe Flex Builder 3.2
Using the Text Layout Framework with Adobe Flash CS4 Professional

■サンプルファイル
Download examples.

■Adobe lab
http://labs.adobe.com/technologies/textlayout/

■forum
http://forums.adobe.com/community/opensource/tlf/

■開発者ブログ
http://blogs.adobe.com/tlf/

■ActionScript 3.0 Reference for the Adobe Flash Platform
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/package-summary.html
Text Layout Frameworkはflashx.textLayoutにpackageされています。

flashx.textLayout.compose The flashx.textLayout.compose package contains the classes used for breaking text into lines, and arranging lines in containers.
flashx.textLayout.container The flashx.textLayout.container package contains classes for displaying text in the Text Layout Framework.
flashx.textLayout.controls The flashx.textLayout.controls package contains text layout classes.
flashx.textLayout.conversion The flashx.textLayout.conversion package contains classes for importing text to or exporting text from a TextFlow object.
flashx.textLayout.edit The flashx.textLayout.edit package contains classes for editing text in the Text Layout Framework.
flashx.textLayout.elements The flashx.textLayout.elements package contains the core classes used for representing text content in the Text Layout Framework.
flashx.textLayout.events The flashx.textLayout.events package contains event classes for the Text Layout Framework.
flashx.textLayout.factory The flashx.textLayout.factory package contains classes for composing and displaying read-only text in the Text Layout Framework.
flashx.textLayout.formats The flashx.textLayout.formats package contains classes used for representing text formatting in the Text Layout Framework.
flashx.textLayout.operations The flashx.textLayout.operations package contains classes for editing operations applied to the text in the Text Layout Framework.
flashx.textLayout.utils The flashx.textLayout.utils package contains utility classes for the Text Layout Framework.
flashx.undo The flashx.undo package contains the classes that manage the history of editing operations.

API Reference が一番役に立ったような。
ReferenceにのっていないClassがPDFにあったりして困ったりはしたけど・・・

コードサンプルは別の機会に・・・

update2010-01-08
Adobe labs の情報が古いようなので削除します。

コメントを残す

必須欄は * がついています


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください