Apple TVアプリを作るために下調べ
やること
やったこと
プログラミングガイドを読む
ターゲット追加
- プログラミングガイドに以下のようにあるので、iOSのリソース使うかわからないが既存プロジェクトにターゲットを追加した
- Bundle IDとかどうなるのかよくわかっておらずProduct Nameをどうしたものか迷ったが
既存プロジェクト名TV
とTVを後ろにつけてみた
既存のプロジェクトをtvOS用に移行する場合、Xcodeプロジェクトに新しくターゲットを追加することにより、既存リソースの共有が容易になりますが、ストーリーボードは新たにtvOS用のものを作成する必要があります。
Provisioning Profiles作成
- プログラミングガイドに以下のようにあったが、iOS用とBundle IDをわけるのかよくわからなかった
- とりあえずtvOS用にProvisioning Profileを作る
- App IDはiOS用のものを選択する
Provisioning profile does not match bundle identifier
とエラーがでた (WatchOSの時は相違しててもOKな気もしたが)- Bundle IDをあわせたらArchivesができたので大丈夫かな
Apple TV用アプリケーションの開発や配布に当たっては、Apple TVに対応した新しいプロビジョニングプロファイルが必要です。既存のiOS開発用/配布用署名IDとともに使うことになります。
必要なリソースを確認
Assets.xcassetsを覗いてみる
- 初期のAssets.xcassetsには以下のImage Setが並んでいる
- App Icon - Large
- App Icon - Small
- Top Shelf Image
- LaunchImage
+
ボタンには以下のようなものが並んでいる (TV系のみ抜粋)- New Apple TV Image Stack
- New Apple TV Image Stack Layer
- Game Center > New Apple TV Dashboard Image
- Game Center > New Apple TV Leaderboard
- Game Center > New Apple TV Leaderboard Set
- どこまでが必須か、なにに使われるものかよくわからない
ヒューマンガイドラインをナナメ読み
- Apple TV Human Interface Guidlinesを確認
- レイアウト
- 1920 x 1080pixels (1080p)で作りましょう
- @1xで作りましょう
- 上下60pixels、左右90pixelsをあける
- アイコン
- 2〜5層のレイヤがもてる
- グラデーションは上が明るく下が暗い
- Small(ホームスクリーン用)とLarge(ストア用)が必要
- Small: 400 x 240px(Focused/Safe zone size: 370x 222px, Unfocused size: 300 x 180px)
- Large: 1280 x 768px
- Top Shelf
- 1920 x 720px
- Game Center
- Achievement Icon: 320 x 320px(直径200pxの円にトリミング)
- Dashboard Artwork: 923 x 150px(最大値)
- Leaderboard Artwork: 659 x 371px (Focused/Safe zone size:618 x 348px, Unfocused size: 548 x 309px)
- Leaderboard Artworkは1〜3層で作る
- Launch Image
- 1920 x 1080px
画面サイズと必要なリソースまとめ
- (数字はすべてピクセル)
- レイアウト
- 画面サイズ: 1920 x 1080 (16:9)
- 上60、下60、左90、右90をあける
- Icon
- App Icon - Large: 1280 x 768
- App Icon - small: 400 x 240
- 2〜5層にわける
- Top Shelf
- 1920 x 720
- Launch Image
- 1920 x 1080
- Game Center
- Dashboard Artwork: 923 x 150
- Leaderboard Artwork: 659 x 371 (1〜3層で作る)