5
4

More than 3 years have passed since last update.

【AppleWatch】XCodeを使って文字盤を作る方法

Posted at

どういうことか

そのまんまです。オリジナルの文字盤を作る。
Apple Watchを実際に買うまでは「インスタグラムでもオリジナル文字盤を見るし、そういう機能があるんだろう」と思っていたら、そんな単純なハナシではなかった。
どうもコーディングとかしなきゃいけないらしいと知った。実際のところ、これがやりたいがためにSwiftを勉強し始めたと言っても過言ではない。
――で、勉強するうちになんとなくいろいろわかってきて「たぶん針のUIKitがあってそれをStoryboardに配置すればいいだろう」と思ってたらそんなことはなかった。
現実問題として、Appleはオリジナル文字盤を作ることを良しとしていないようで(基本的には)オリジナル文字盤がストアに並ぶことはない(後述)し、オリジナル文字盤が作れる簡単なプラットフォームは用意されていない。

実装方法

XCodeを立ち上げてWatchOSを選択して作る。
……かと思っていたらそうではなかった。
2Dゲームを作るためのフレームワークである SpriteKit を使用する。
本題の実装方法としては丸投げだがここを参考にすればできる。

Tutorial: Create a Custom Apple Watch Face and Get Rejected by the App Store
https://medium.com/@yuyouwu5/tutorial-creating-a-custom-apple-watch-face-and-get-rejected-by-the-app-store-6e7f7f1959de

大きな問題点

上の記事における「右上の時計表示を消す」方法だが、うまいことモーダルで文字盤のコントローラに遷移してやることで消すことができる。正確に言うとできたらしい。現在のバージョンだとこちらの実装方法でも時計が表示されてしまう。
XCodeによる実装のハナシはこれで終わりです。残念だった。

Best Solution

後述の件。
Clockolog‪yを使いましょう。

単純にオリジナルの文字盤を作りたいという方はこのアプリ使うのが良さそうです。

5
4
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
5
4