View source

[[Category:Lang-JP]][[Category:JP_How To]][[Category:JP_Flash Lite]][[Category:JP_Code Examples]][[Category:JP_UI]][[Category:JP_Usability]]

原文（英語）: [[How to make a Flash Lite application running in any screen orientation]]

対象となるバージョン: '''''Flash Lite 2.x'''''

一部のS60 3rd edition端末は、縦長(portrait)方向と横長(landscape)方向を端末機能として切り替えることができ(N93, N95など)、サードパーティのアプリケーションを使ってできる端末もあります(N73, N80などは、[http://www.bysamir.fr/rotateme rotateMe]を使用することができます)。

デフォルトでは、Flash Liteアプリケーションは、1つの画面サイズのみサポートします(''ドキュメント''の''プロパティ''タブで定義される)。

アプリケーションを定義したサイズと異なる画面サイズで起動した場合、Flash Playerはドキュメントのサイズを変更し、アプリケーションの両サイドに境界線を追加します。
{| align="center"
|[[Image:flash_portrait.jpg|center|thumb|240px|'''縦長(portrait)モードでのFlash Liteアプリケーション''']]
|[[Image:flash_landscape.jpg|center|thumb|320px|'''横長(landscape)モードでの同じアプリーケーション''']]
|}


<h2>外部のSWFファイルを使用する</h2>

* 2つのSWFファイルを作成します。1つは縦長(portlait)方向のアプリケーション、もう1つは横長(landscape)方向のアプリケーションとします。この例では、それらをそれぞれ''myApp_portrait.swf''(240x320)、''myApp_landscape.swf''(320x240)と呼びます。
{| align="center"
|[[Image:flash_portrait2.jpg|center|thumb|240px|'''縦長(portlait)サイズのフレーム''']]
|[[Image:flash_landscape2.jpg|center|thumb|320px|'''横長(landscape)サイズの同じフレーム''']]
|}
* 新たにFlash Liteアプリケーションを作成します(''myApp.swf'')。
* ''ドキュメント''の''プロパティ''タブを使用し、ドキュメントの幅と高さを指定できる最大値(ここでは320x320)に変更します。<br/>[[Image:square_size.jpg]]
* ''myApp.fla''ファイルの最初のキーフレームに、下記コードを追加します。
<code actionscript>stop();

fscommand2("FullScreen", true);

/* Set scaleMode to "noScale" setting: the SWF will not be scaled
when the size of the screen device changes*/
Stage.scaleMode = "noScale";

//Set the current alignment of the Flash movie to "Top Left"
Stage.align = "TL";

// Create a new movie Clip
this.createEmptyMovieClip("container",this.getNextHighestDepth());
container._x = 0;
container._y = 0;

//Detect the screen size and load the correct file
if (Stage.width == 240) {
	container.loadMovie("file://E:/Others/myApp_portrait.swf");
} else {
	container.loadMovie("file://E:/Others/myApp_landscape.swf");
}</code>

* ''myApp.swf''を起動すると、アプリケーションを現在の画面方向に合わせて表示します。

2つのSWFファイルにおいて、''_root''レベルを参照してはいけません。 全てのリファレンスを、メインSWF(ここでは''container'')に与えられたムービークリップのインスタンス名によって''_root''に変更します。

<h2>単一のSWFファイルを使用する</h2>

この手法は、前述の手法と似ていますが、外部のSWFファイルをロードする代わりに、内部のムービークリップをロードします。

* 新たにFlash Liteアプリケーションを作成します(''myApp.swf'')。
* ドキュメントの幅と高さを、''ドキュメント''の''プロパティ''タブを使用し、ドキュメントの幅と高さを指定できる最大値(ここでは320x320)に変更します。
* 最初のキーフレームに、下記コードを追加します。

<code actionscript>stop();
 
fscommand2("FullScreen", true);
 
/* Set scaleMode to "noScale" setting: the SWF will not be scaled
when the size of the screen device changes*/
Stage.scaleMode = "noScale";
 
//Set the current alignment of the Flash movie to "Top Left"
Stage.align = "TL";

//Detect the screen size and load the correct movieclip
if (Stage.width == 240) {
	_root.attachMovie("portrait_mc","portrait",10);

} else {
	_root.attachMovie("landscape_mc","landscape",10);

}</code>

* ムービークリップを作成します。
** メニューより、''挿入'' -> ''新規シンボル...'' -> ''ムービークリップ''を選択し名前を指定
** ''ActionScriptに書き出し''にチェックし、識別子を ''portrait_mc''に設定します。
[[Image:create_symbol.jpg|center|thumb|240px|Click to enlarge]]
** このムービークリップ中で、''background''という名前のレイヤーを作成します。このレイヤーは、常にバックグラウンドにある必要があります。
** ''background''レイヤーの最初のキーフレームにて、次のパラメータ設定で矩形を描画します。[[Image:shape_prop.jpg]]<br/>その塗りつぶし色はドキュメントの背景色と同じにする必要があります(開発中は、その境界線を確認するために別の色で塗りつぶすことができます)。
** ムービークリップの縦長(portlait)方向に合うよう、アプリケーションを作成します。'''背景矩形の近くには、一切描画してはいけません'''。

* この一連の操作全てを、"landscape_mc"ムービークリップと320x240サイズ矩形で繰り返します。

* ''myApp.swf''を起動します。アプリケーションを現在の画面方向に合わせて表示します。

<h2>ダウンロード</h2>
例題のソースコードは、下記サイトからダウンロードできます。<br/> 
このFlash Lite 2.xアプリケーションは、最新のNokia端末5機種についての情報を取得し、表示します。
また、RSSフィードとFlash LiteのXML操作メソッドを使用しています。
[http://www.bysamir.fr/flashlite/nokiadev/Latest_Nokia_Devices_Orientation.zip 縦長(Portlait)と横長(Landscape)モードをサポートする最新のNokia端末]<br/>
[[Image:Nokia_Latest_Devices.jpg]]