サンプルアプリケーションを見てみよう(3) | デザインってオモシロイ -MdN Design Interactive-
【サイトリニューアル!】新サイトはこちらMdNについて

第2回 Apollo(パブリックアルファ版)がいよいよ登場!その数々の機能を見てみよう(4)


Function機能 7 OSに依存しないアイコンの設定機能

アプリケーションにアイコンタグを指定することで、インストールされるOSに依存しないデスクトップアイコンが設定できるという機能だ。現在はPNG、GIF、 JPEG形式の画像ファイルを指定できる。

サンプル「htmlWithinFlashContent」のApolloアプリケーションの定義ファイル(Apollo Descriptor File(ADF))であるhtmlWithinFlashContent-app.xmlファイルを見てみると、このADFに<icon>タグが記述されている。この記述によって、アプリケーションのアイコンを設定できる【18】。

【18】ADFにタグを記述すると、アプリケーションのアイコンを自由に設定できる

<icon>
<image16x16>icons/ApolloApp_16.png</image16x16>
<image32x32>icons/ApolloApp_32.png</image32x32>
<image48x48>icons/ApolloApp_48.png</image48x48>
<image128x128>icons/ApolloApp_128.png</image128x128>
</icon>
【18】ADFにタグを記述すると、アプリケーションのアイコンを自由に設定できる

Function機能 10 アプリケーション更新のためのAPI

サーバ上の最新のアプリケーションにアップグレードするための機能を、アプリケーション内部に実装できるという機能だ。

アップデート操作を行うAPIとして以下を利用する。

flash.system.Updater

「htmlWithinFlashContent」のMXMLファイルを開き、52~60行目を見ると、updaterのインスタンスを生成し、updateメソッドにairファイルのパスを指定することでアプリケーションをアップデートしている【19】、【20】。

【19】updateメソッドを利用して、アプリケーションをアップデートさせる

private function updateApplication():void
{
var updater:Updater = new Updater();
var airFile:File =
File.desktopDirectory.resolve("sampleHtml.air");
if (airFile != null)
{
updater.update(airFile);
}
}
【19】updateメソッドを利用して、アプリケーションをアップデートさせる

1.Updaterオブジェクトを生成する。
var updater:Updater = new Updater();
2.Fileオブジェクトでアップデート対象のairファイルを取得する。
var airFile:File = File.desktopDirectory.resolve("Sample_App_v2.air");
3.airファイルを引数にアップデートを実行する。
updater.update(air);
【20】flash.system.Updaterの使い方

Function機能 11 フルスクリーンサポート

Flash Player 9で追加された機能で、フルスクリーンモードでアプリケーションを実行できる。「htmlWithinFlashContent」のMXMLファイルの40~50行目を見ると、Stageクラスのdisplaystateプロパティに「Stage DisplayState.FULL_SCREEN」をセットしている。これによりフルスクリーンモードを設定できる【21】。

【21】「StageDisplayState.FULL_SCREEN」をセットすると、フルスクリーンモードを設定できる

private function changeFullScreen():void
{
if (myFullScreen. displayState== StageDisplayState.NORMAL
{
stage.displayState = StageDisplayState.FULL_SCREEN;
myFullScreen.label = "Normal";
} else {
stage.displayState = StageDisplayState.NORMAL;
myFullScreen.label = "FullScreen"
}
}
【21】「StageDisplayState.FULL_SCREEN」をセットすると、フルスクリーンモードを設定できる
twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在