Monthly Archives

最近はスマートフォンの普及も進み、お仕事でもAIR for iOS/Androidを使用してモバイルアプリを作る機会が増えてきましたが、Android版アプリを作っていると1つ問題にぶち当たりました。

なんとFlash CS6では現状スプラッシュ画面が設定できないのです。

そのため、Android版アプリでは起動時に何も表示されない黒画面が数秒～数十秒続き、バグっぽく見えてしまいます。
そこで少し無理やりではありますが、Flash Builder 4.6 + Flex SDKを使用してAndroidアプリにスプラッシュ画面を設定したのでその方法をご紹介します。

まず、Flash Builderから新規にFlexモバイルプロジェクトを作成してメインのmxmlに以下のソースを記述します。
[html]
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
backgroundColor="#000000"
splashScreenImage="@Embed(‘assets/Default.png’)"
splashScreenMinimumDisplayTime="3000"
splashScreenScaleMode="letterbox">
<fx:Declarations>
<!– 非ビジュアルエレメント (サービス、値オブジェクトなど) をここに配置 –>
</fx:Declarations>
<s:SWFLoader source="./content.swf" width="100%" height="100%"></s:SWFLoader>
</s:Application >
[/html]
実はもうこれだけでスプラッシュ画面を設定したAndroidアプリが出来ちゃうんです。
具体的には…
[html]
splashScreenImage="@Embed(‘assets/Default.png’)"
[/html]
ここでスプラッシュ画面を設定して、
[html]
<s:SWFLoader source="./content.swf" width="100%" height="100%"></s:SWFLoader>
[/html]
ここで中身となるcontent.swfを読み込んで画面いっぱい（100%）に表示しています。
あとはFlash Builderから書き出しを行えばスプラッシュ画面が設定されたアプリが書きだされます。

これでアプリ起動直後にスプラッシュ画面が出るので黒画面で使用者を不安にさせる事もなくなりますね！

AIR for iOS/Androidでアプリを作成していて、最低動作OSバージョンの指定をしなければいけない事が出てきたので備忘録としてまとめておきます。
※AIR for iOS/Android共に、アプリケーション記述ファイル（AppName-app.xml）の中で設定します。

■iPhoneの場合
<infoAdditions>タグの中にMinimumOSVersionパラメータを設定。

例）iOS5以上

[code]
<iPhone>
<InfoAdditions><![CDATA[

・・・

<key>MinimumOSVersion</key>
<string>5.0</string>

・・・

]]></InfoAdditions>
<requestedDisplayResolution>high</requestedDisplayResolution>
</iPhone>
[/code]

■Androidの場合
<manifest>タグの中でminSdkVersionにAPIナンバーを設定。

ちなみに
API8・・・Android2.2
API10・・・Android2.3
API11・・・Android3.0

例）Android2.3以上

[code]
<android>
<colorDepth>16bit</colorDepth>
<manifestAdditions><![CDATA[
<manifest android:installLocation="auto">

・・・

<uses-sdk android:minSdkVersion="10" android:targetSdkVersion="10"/>

・・・

</manifest>
]]></manifestAdditions>
</android>
[/code]