Flash Catalyst CS5タイムライン

四月 29, 2024

あなたが私のような人なら、アプリケーションにインタラクションを追加すると楽しいことが始まります。最後のフラッシュで^R 触媒^TM CS5レビュー記事では、Webサイトアプリケーションのページ/状態について議論し、CatalystにボタンをプログラムしてWebサイトのあるページから別のページに移動するように指示しました。

CityView、UnionParkView、CentralParkViewの3つのページしかないサンプルWebサイトを続けましょう。これらのページを表示するようにボタンをプログラムするときに、ナビゲーションに少し取り組みました。次のボタンを作成しました。

ボタン1は、UnionParkViewページを表示します
ボタン2はCentralParkViewページを表示します
ボタン3は、CityViewページを表示します

Catalystはタイムラインでこれらのページ/状態間の関係を追跡し、Webサイトアプリケーションをナビゲートするための視覚的なガイドとしてCatalystタイムラインを使用できます。

Flashを使用したことがある場合は、フレームのシーケンスで構成されるタイムラインに精通しています。ただし、Catalystタイムラインは、アプリケーションのページ/状態とそれらのページ/状態間の遷移で構成されています。見てみましょう。

Catalystタイムラインは4つの列で構成されています。左端には、ページ/状態のリストがあります。プロジェクトのボタンとページ/状態に基づいて、Catalystはこの列にWebサイトのページ間の関係を表示します。ご覧のとおり、4つの方法でページ間を移動できます。これらはそれぞれ、タイムラインのレイヤーに配置されます。

ここから
CityView
CityView
UnionParkView
セントラルパークビュー

ここで終了
UnionParkView
セントラルパークビュー
CityView
CityView

タイムラインの2番目の列には、開始状態が表示されます。タイムラインで各レイヤーをクリックすると、Catalystはこの2番目の列の上部にアクティブなページ（現在表示しているページ）を表示します。たとえば、最初のレイヤーでは、CityViewページからUnionParkViewページに移動しています。したがって、CityViewは開始状態としてリストされます。しかし、最下層では、CentralParkViewからCityViewに移動しており、この列にCentralParkViewページが表示されます。

3列目には、あるページから別のページに移動するために必要な対応する遷移が表示されます。ここでは、Catalystがボタンからページ間を移動することを決定し、この列に既に「移動」遷移を設定していることがわかります。アプリケーションでの作業を継続し、要素と効果を追加するにつれて、Catalystは自動的にタイムラインに正しい遷移を追加します。

4列目には、終了状態が表示されます。繰り返しますが、タイムラインの各レイヤーをクリックすると、最後の列にターゲットページ（移動先のページ）が表示されます。タイムラインとアプリケーションとの関係が理解できたので、Webサイトにいくつかのプロ並みのアニメーションを追加する準備ができました。

*アドビはレビューコピーを無料で提供してくれました。

Copyright 2018 Adobe Systems Incorporated。全著作権所有。 Adobe Systems Incorporatedの許可を得て、Adobe製品のスクリーンショットを転載しました。 Adobe、Photoshop、Photoshop Album、Photoshop Elements、Illustrator、InDesign、GoLive、Acrobat、Cue、Premiere Pro、Premiere Elements、Bridge、After Effects、InCopy、Dreamweaver、Flash、ActionScript、Fireworks、Contribute、Captivate、Flash CatalystおよびFlash Paper米国および/またはその他の国におけるAdobe Systems Incorporatedの登録商標または商標です。