2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Arsaga App Division 2021🎅🏻Advent Calendar 2021

Day 19

【watchOS 8】コンプリケーションのアイコン設定方法

Last updated at Posted at 2021-12-18

どういうことか

おそらくあなたが抱えている悩みは2つある。

  1. コンプリケーションの選択画面でアイコンが下記画像のように真っ白なものが表示される
  2. もしくはまったく表示されない

Simulator Screen Shot - Apple Watch Series 7 - 41mm - 2021-12-01 at 20.01.09.png

自分もそうだった。しかし解決した。

アイコンの設定方法

直感的にXcodeを眺めたらWatchKit ExtensionのAssetsに適切なサイズの画像を当てはめていけばいいだろうと思う。1

3ad68b9dafa54d520cc9e9104bf19f64.png

しかしうまく表示されないので、そもそもこの設定方法は間違ってるのでは??といろいろ調べたところwatchOS 8は以前まで設定方法が異なるらしく参考にならなかった(そもそも記事が少ない)。

答え

結論から言うと上記の画像設定方法は間違っていない

なぜ真っ白な画像が出るのか

Assetsで設定する一覧の頭に "Graphic"とついているもの以外単色の透過された画像を設定しないと表示されない。なんと。

Simulator Screen Shot - Apple Watch Series 7 - 41mm - 2021-12-08 at 20.35.05.png

ちなみに背景塗りつぶしであれば円形で仕上げたほうが見た目はきれい。

フルカラーのアイコンが表示されない

上記のパターン以外(頭に "Graphic"とついているもの)はフルカラーのアイコンを設定できるが、それでも表示されない。なぜか。
実のところこれはキャッシュの問題のようで、正しく設定されていればApple Watchを再起動すると出てくる。これでめちゃくちゃハマった。

あいさつ

以上です。
スクリーンショットにあるアプリはApple Watch専用としてリリースした卓球の点数カウンターアプリです。
スタンドアロンアプリは知見も少なく正直よくわかんないことだらけですが、なんとかアップデートしたり記事書いたりしていく予定です。

おわり(´・ω・`)

  1. しかしこのコンプリケーション用の画像サイズ、よくある "icon generator" 的なやつが未対応なのでいちいち自分で画像をリサイズする必要がある。

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?