Ad

始めに anchor.png Edit

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

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

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

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

Page Top

XcodeでのAssets.carの作成方法 anchor.png Edit

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

まずXcodeを立ち上げて、新しいプロジェクトを作成します。 newProject.jpg

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

singleViewApp.jpg

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

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

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

xcodeSetting.jpg

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

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

iconRect.jpg

サイズの見方は、「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」を選んでビルドします。

build.jpg

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

buildRight.jpg

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

package.jpg

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

assetsInPkg.jpg

Page Top

Animate CCでAssets.carファイルを取り込む anchor.png Edit

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

flash.jpg

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


トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード印刷に適した表示   ページ新規作成 全ページ一覧 単語検索 最新ページの一覧   ヘルプ   最新ページのRSS 1.0 最新ページのRSS 2.0 最新ページのRSS Atom Powered by xpWiki
Counter: 42, today: 2, yesterday: 1
初版日時: 2018-04-27 (金) 17:57:35
最終更新: 2018-04-28 (土) 02:49:32 (JST) (26d) by njf
広告

ログイン

ユーザー名:


パスワード:





パスワード紛失


NJF