NJF Wiki - xpwiki 編集 : [ActionScript 3/アイコン用Assets.carを利用するの編集]

ActionScript 3/アイコン用Assets.carを利用するの編集

詳細な入力項目を表示

ページタイトル( 空白で自動設定 ):
ページ並び順( 0-9 小数可標準:1 ):
ページ別名(複数は[改行]で区切る):

ページ内容:

*始めに [#wd715d0a]

iOS11からは、ホーム画面などのアイコンを表示するには、アイコンが含まれた「Assets.car」が必要となりました。

Adobe Airでの利用の仕方はこちらにまとまっています。

-[[Flash Player と Adobe AIR 28 ベータ版の公開:http://cuaoar.jp/2017/11/flash-player-adobe-air-2-16.html]]」

XcodeでのAssets.carの作り方はこちらにあります。

-[[Add an App Store icon:https://help.apple.com/xcode/mac/current/#/dev4b0ebb1bb]]

ただ、Animate CCでの取り込みまで含む資料がなさそうなのでこちらでまとめました。

*XcodeでのAssets.carの作成方法 [#h6dd112d]

以下の説明で使用しているXcodeのバージョンは9.3です。

まずXcodeを立ち上げて、新しいプロジェクトを作成します。
&ref(newProject.jpg,mw:480,mh:360);

種類はiOSの「Single View App」を選択します。

&ref(singleViewApp.jpg,mw:480,mh:360);

「次へ」を押すと名前を入れる画面になるので、名前をつけて適当な場所へプロジェクトを保存してください。
ここでは「WikiIconTest」という名前にしています。

プロジェクトが作成できたら、以下のとおりにしてください。

+ターゲットを「Generic iOS Device」に設定
+左のナビゲーションから「アプリ名->Assets.xcassets」という名前の青いフォルダをクリック
+ナビゲーションの右となりの領域に現れる「AppIcon」をクリック

&ref(xcodeSetting.jpg,mw:480,mh:360);

最初の「Generic iOS Device」の指定は参考にしたサイトにあるので入れました。しかし、他のものでもAssets.carはできるようです。ただ、他のターゲットでストア登録までしたことはないので、問題ないという確証はありません。

つぎのアセットからAppIconを選択する手順によって、右または中央のウインドウにアイコンの一覧が表示されます。その一覧の点線の四角の中にアイコンのpngファイルをドラッグ＆ドロップすれば、アイコンが登録されていきます。

&ref(iconRect.jpg,mw:480,mh:360);

サイズの見方は、「2x」と四角の下にあり、さらにその下に「60pt」とあれば、「120x120pt」のアイコンを登録するという意味です。

上述参考サイトなどによると、以下のアイコンが必要です。

-App Store icon : 1024x1024 (1024pt, 1x)
-iPad icon : 76x76 (76pt, 1x) & 152x152 (76pt, 2x)
-iPad Pro icon : 167x167 (83.5pt, 2x)
-iPhone icon : 120x120 (60pt, 2x)
-iPhone icon : 180x180 (60pt, 3x).

しかし、新しい機種が出たりiOSのバージョンが変わると、必要なアイコンのサイズも変わります。よく分からない時は、表示されている全部のアイコンを登録すれば良いでしょう。画像が小さいので容量的にはたいしたことがありません。しかも、その半分はApp Store iconが占めるので、アイコンの数を減らしてもほとんどアプリの容量は減りません。

アイコン画像の登録が終わればメニューから「Product->Build」を選んでビルドします。

&ref(build.jpg,mw:480,mh:360);

ビルドが終わると右側のナビゲーションの中の「Products」フォルダのappファイルを右クリックして、「Show in Finder」を選択して、ファインダーで表示させます。

&ref(buildRight.jpg,mw:480,mh:360);

ファインダーで表示させたら、そのappファイルを右クリックし、「パッケージの内容を表示」を選択します。

&ref(package.jpg,mw:480,mh:360);

すると中に目的であるAssets.carというファイルがあるので、好きな場所にコピーしてください。

&ref(assetsInPkg.jpg,mw:480,mh:360);

*Animate CCでAssets.carファイルを取り込む [#dd0978ca]

上の手順で製作したAssets.carをAnimate CCで取り込むには、「Air for iOS設定」画面で一番下の「含めるファイル」の横、プラスボタンを押してAssets.carを選択してください。ファイル一覧の中にAssets.carが現れれば「OK」を押して完了です。

&ref(flash.jpg,mw:480,mh:360);

これでiOS11以降でもアイコンが表示されます。

編集の要約:

Q & A 認証: ページ更新時は次の質問にお答えください。(プレビュー時は必要ありません)
Q: 「東京」の読みがな？(ひらがなで)
A:

お名前: タイムスタンプを変更しない

テキスト整形のルールを表示する

添付ファイル:

flash.jpg 120件 [詳細]

assetsInPkg.jpg 117件 [詳細]

package.jpg 114件 [詳細]

buildRight.jpg 114件 [詳細]

build.jpg 112件 [詳細]

iconRect.jpg 120件 [詳細]

xcodeSetting.jpg 105件 [詳細]

singleViewApp.jpg 114件 [詳細]

newProject.jpg 87件 [詳細]

ぺージ情報
ぺージ名 :	ActionScript 3/アイコン用Assets.carを利用する
ページ別名 :	未設定
ページ作成 :	njf
閲覧可
グループ :	すべての訪問者
ユーザー :	すべての訪問者
編集可
グループ :	すべての訪問者
ユーザー :	すべての訪問者

Counter: 3954, today: 1, yesterday: 1

ActionScript 3​/アイコン用Assets.carを利用する の編集

ActionScript 3/アイコン用Assets.carを利用する の編集

20 最新の0件

ActionScript 3/アイコン用Assets.carを利用するの編集

ActionScript 3/アイコン用Assets.carを利用するの編集