Flash記事

Progression Framework 2　初級編：ActionScriptを書かずにFlashサイトを簡単に構築する

ステップ4： ImageBoxコンポーネントを使って写真を外部から読み込む

サンプルのGALLERYページでは、写真のサムネイルが並び、サムネイルをクリックすると拡大写真がページ中央に表示されるようになっています。拡大写真は、外部ファイルとして読み込んでいます。この外部画像ファイル読み込み機能は、Progression Castsコンポーネント群の中のImageBoxコンポーネントを使って実装しています。

ImageBoxコンポーネント

ImageBoxコンポーネントには、以下の表にあるパラメータが用意されています。このコンポーネントをムービークリップにドラッグ＆ドロップで設置するだけで、そのムービークリップに指定した画像を読み込むことができます。

アイコン	パラメータ	内容
	ERROR点	画像の読み込みのエラー時に表示するフレームラベルを指定する。
	LOAD点	画像の読み込み中に再生するアニメーションの開始位置と終了位置のフレームラベルを指定する。
	スムージング	画像をスムージング（滑らかに表示）するかどうかを指定する。
	ピクセルにスナップ	ピクセルに沿って配置をするかを指定する。
	画像のURL	読み込む画像のURLを指定する。
	縦横比の維持	画像の縦横比を維持するかどうかを指定する。
	ツールヒント	バージョン2.0.0 Beta 2では実装されていないため、使用できません。

各拡大写真を外部読み込みに設定

Photo1Pageムービークリップを例に、GALLERYページの拡大写真を外部読み込みにする方法を解説します。Photo1Pageムービークリップは、写真画像を入れ子にしたPhoto1ムービークリップと、拡大写真表示時に周りを暗くするための半透明の黒い矩形を入れ子にしたDetailBackgroundグラフィックシンボルで構成されています。サンプルではPhoto1ムービークリップには直接画像が張られている状態なので、その画像を外部読み込みにするために ImageBoxコンポーネントで置き換えます。

図 16. ImageBoxコンポーネントを設置したら、パラメーターの「画像のURL」を「../assets/photo/photo1.jpg」に変更します。その他のパラメーターはデフォルトのままです

ImageBoxコンポーネントで置き換えたら、次に、拡大写真をクリックするとGALLERYページに戻るようにしたいので、ParentButtonコンポーネントを使って、戻るボタン用のGalleryBackButtonムービークリップを作成します。

ParentButtonコンポーネント

ParentButtonコンポーネントには、以下の表にあるパラメータが用意されています。ParentButtonコンポーネントはRollOverButtonコンポーネントの派生で、一つ上の階層に戻る機能を実現します。

アイコン	パラメータ	内容
	CURRENT点	「移動先となるシーンパス」パラメータにかかれているシーンにいる時に表示するフレームを指定する。
	DISABLE点	クリックできない状態の時に表示するフレームを指定する。
	DOWN点	マウスクリック時に再生するアニメーションの開始位置と終了位置のフレームラベルを指定する。
	OVER点	ロールオーバー時に再生するアニメーションの開始位置と終了位置のフレームラベルを指定する。
	UP点	ボタンからマウスが離れた時に再生するアニメーションの開始位置と終了位置のフレームラベルを指定する。
	Progression識別子
	アクセスキー	バージョン2.0.0 Beta 2では実装されていないため、使用できません。
	ツールヒント	バージョン2.0.0 Beta 2では実装されていないため、使用できません。