Apple Watchのコンプリケーションの作成

Apple Watchのコンプリケーションの作成

Watch appにコンプリケーションを追加すると、ユーザーは一目で分かる最新情報を文字盤から直接利用できるようになります。ここではコンプリケーションの作成およびビルド方法を基礎から丁寧に示し、Multiple Complicationsをご紹介します。タイムラインを構成し、ファミリーやテンプレートを使用し、綿密なコンプリケーションエクスペリエンスの創造に関するベストプラクティスを見つけるための方法をご覧ください。

リソース
関連ビデオ

WWDC20
ダウンロード

こんにちは WWDCへようこそ
“Apple Watchのコンプリケーションの作成” ClockKitのエンジニアのマイケル･ケントですこのセッションではApple Watch用のコンプリケーションとアプリケーションに追加する方法についてお話ししますコンプリケーションはユーザーにコンテンツを見せるすばらしい方法ですコンプリケーションは文字盤上で簡単に見ることができます watchOS 7では高度なコンプリケーション体験を今まで以上に簡単に作成可能にしましたコンプリケーションはアプリケーションそのものと同じくらいユーザー体験において重要なものだからですコンテンツをユーザーの目に触れさせる最も簡単な方法ですではアプリケーションに追加する方法は？これからお話しするのはコンプリケーションを支える構造であるタイムラインについて実現するために必要な詳細についてデータをコンプリケーションに表示する方法複数のコンプリケーションをアプリケーションから提供するという― watchOS 7の新機能を利用する方法についてさらにその例をご紹介しますまずタイムラインについてお話ししますタイムラインはコンプリケーションにおいて中心的な役割を担っていますコンプリケーションのデータを時系列的に示しますタイムラインではコンプリケーションのすべてのデータが提供されますので ClockKitはすべての必要な情報をアプリケーションに一度問い合わせるだけで指定した日付全体でコンプリケーションを自動で動かせます
アプリケーションに新しいデータがあり追加のエントリを提供する必要があれば ClockKitにタイムラインを追加するか完全に無効化するよう― 指示することもできますチームの同僚とハワイ周辺でのクジラの目撃情報を追跡するアプリケーションを開発しましたマウイ島周辺に何か所かある観測地点での最近のクジラ目撃情報を見ることができますこのアプリケーションからタイムラインの例を見てみましょうホエールウォッチングツアーのスケジュールです別々の場所で１日に３つのツアーが予定されていますこれがClockKitに提示されるタイムラインの例ですいくつか違いがありますねまず各ツアーには時間的な広がりがなく点として時間が示されますなぜならコンプリケーションはエントリを次の表示日が来るまで表示するからです次に各ツアーに表示されている時刻は実際の開始時刻よりも早くなっていますこれはユーザーが興味を持った場合実際の開始時刻に間に合うよう― ツアーの前に警告を出せるようにするためですすべてのタイプのデータがこのように動作するわけではありませんたとえば気温の予報の場合予報される各時刻に合わせてエントリを表示します上の方には現時点でコンプリケーションに表示してほしいデータがあります１日の時間が進んでいくにつれて本日のツアーがなくなるまで情報が更新されていくのが見えます
ではコンプリケーションに表示したいデータを指定する方法についてご説明しましょう
コンプリケーションのファミリーとは表示の違いによる分類方法ですグラフィックファミリーは watchOS 7の新機能である― Graphic Extra Largeを除いて watchOS 5で導入されたものですファミリー分けによってデータをより視覚的に表示できます異なる文字盤では使用できるコンプリケーションファミリーも違います例を見てみましょう
Infograph文字盤はGraphic Cornerと Graphic Bezel さらにGraphic Circularを使いますそれはInfograph Modular文字盤で Graphic Rectanbularとともに使えます
これはGraphic Extra Largeで Extra Large文字盤でサポートされたものです Modular SmallとModular Largeは Modular文字盤で Utilitarian Small FlatはMotion文字盤で Utilitarian SmallとLargeは Utility文字盤で Extra Largeはコンプリケーションが Graphic Extra Largeファミリーをサポートしない場合 Extra Large文字盤で使われますこのファミリーはシリーズ３の Extra Large文字盤でのみ使用されます理想的にはできるだけ多くのコンプリケーションファミリーをサポートしたいでしょうそうすればユーザーは好きな文字盤でアプリケーションのコンプリケーションを使えるようになりますコンプリケーションテンプレートはファミリー内の視覚的レイアウトを表しますここに様々なファミリーで利用可能なコンプリケーションテンプレートの例をいくつか示します各テンプレートは個別のファミリーに紐づいていますが共通の基盤クラスを継承しています CLKComplicationTemplateです
表示したいデータを最適に表示するために選択可能なオプションはたくさんあります利用可能なものについての詳細はデベロッパウェブサイトのドキュメントをご参照くださいそれではタイムラインを提供するためのプログラムの簡単な例を見てみましょう最初にお話ししたいタイプは CLKComplicationTimelineEntryですコンプリケーションのタイムラインはこのリストを提供することで生成できます各々が特定の時間においてコンプリケーションをどう表示するかを表しますプロパティは次の２つだけです dateはこのエントリが表示されるべき日付ですそしてcomplicationTemplate エントリに表示したいデータを含むテンプレートです以前示したタイムライン例に戻ると午前６時にはその日の午前６時に生成されたタイムラインエントリで Ma'alaea Harborでのツアーを表す complicationTemplateがあります午前９時になると日付とテンプレートが変わりますその日の残りの時間も同様です ClockKitとのやりとりの主な部分は CLKComplicationDataSourceに準拠したオブジェクトの作成を通じて行われますこのプロトコルの中で必須のメソッドが次の１つだけありますコンプリケーションwithHandler用の getCurrentTimelineEntryです
これを実装するには所与のコンプリケーションに現在のタイムラインエントリのハンドラを呼び出すだけですこのコンプリケーションの詳細は後ほど見ていきます
一部のコンプリケーションには最新のエントリのみで充分ですたとえば現在の野球のスコアや現在のAppleの株価などですしかしコンプリケーションに将来のエントリを含めるタイムラインを提供するなら次の２つのメソッドも実装する必要がありますまずコンプリケーションwithHandler用の getTimelineEndDateでこれは将来のどの時点でエントリを提供するかを指定しますもう１つはコンプリケーションの日付期限 withHandler後のgetTimelineEntriesですこれは説明すると長くなりますが必要なことは所与の日付の後にデータに対して適切なエントリを上限までできるだけ多く提供することですこの日付は既に提供した最新のタイムラインエントリを表します上限は一度に取り込むことができるエントリの上限数ですそれを超える提供があった場合超えたものはすべて取りこぼされますでは新しいデータを取得しタイムラインの更新が必要な場合は？選択肢は２つあります１つはデータが完全に変更されて以前に提供したエントリがすべて無効になった場合ですこの場合はCLKComplicationServerの共有インスタンス上でコンプリケーション用のreloadTimelineを呼び出します
たとえばマウイ島に予期しない嵐が発生しすべてのホエールウォッチングツアーがキャンセルされたことを反映しホエールタイムラインを無効化したいような場合です
もう一つは以前に提供したエントリが有効で単純に追加のエントリがあることを通知したい場合コンプリケーション用のextendTimelineを呼び出します
ClockKitは現在ユーザーの文字盤に表示されているコンプリケーションのタイムラインだけを追跡しますこれはactiveComplicationsプロパティでアプリケーションに通知されます
CLKComplicationオブジェクトを直接作成する必要はありません情報を得るにはここからか― 実装したデータソースメソッドに渡すことでできますそれではコンプリケーションテンプレートを作成する方法をお話ししましょう
コンプリケーションにはいくつか制限があります Watchの画面は小さいためコンプリケーションはより小さくなるからです同じ文字列を様々なテンプレートやコンプリケーションファミリーで表示したいとしてもそれらはすべて全く異なるレイアウト上の制約を持っています最良の使用体験を実現するためにデータプロバイダという概念を導入しましたこれにより ClockKitでフォーマットされた― 様々な場所やコンテキストで同じ情報を一貫して表示できますコンプリケーションの具体的なレイアウトの詳細はClockKitがアプリケーションに代わって処理するので ClockKitが柔軟に対応するために充分な情報が必要です意味をご説明しますまずテキストから始めます Watchは時間に関するものですしたがって日付を表示したいことがしばしばあるでしょうこれはロング形式で日付を書いたものですが多くのコンプリケーションコンテキストでは結局このように表示されます何を表示しているのか分かりにくいですどう改善できるでしょう？ CLKDateTextProviderと呼ばれるデータプロバイダを使いましょう表示したいことを宣言しますこの場合“Wednesday, September 23”ですするとできるだけそれを表示しようとしますしかしスペースに制約がある場合より短いバージョンにフォールバックします
曜日のように比較的有用性が低い情報は欠落するかもしれませんそして必要に応じ日付の数字だけになるかもしれません
コードではこうなります日付を与え CLKDateTextProviderを作成しますそしてカレンダー単位は一番長いものを選択します次のような質問へ答えたい場合の方法は？ “今日から表示したい日付までは何日？” または“他の日付から表示したい日付までは何日？” CLKRelativeDateTexProviderを使用できます最初の質問の場合は RelativeDateTextProviderは現在の日付時刻に合わせてテキストを自動更新します何もしなくても秒単位で正確な数値が出ますこれは様々な表示形式で使用でき現在から日の入りまでの時間をこのように表示したりパン生地の発酵が終わるまでの時間をこのように表示したりできます
２番目の例では終了日時を提供して “timer”スタイルを指定して表示したい単位を指定しますこれは他のテキストプロバイダですたとえば時間テキストプロバイダは日付テキストプロバイダとほぼ同様に動作しますただし日付というより時間を表示します時間間隔テキストプロバイダは午前7:30から9:00までのような時間の範囲を表示するために使えます最後に単純なテキストプロバイダですこれは文字列を表示しますスペースに制限のあるコンテキスト用にその文字列がフォールバックする際の短縮版も登録できます画像プロバイダも含んでいるデータを様々なコンテキストで使用できるという点でテキストプロバイダと似ています
大きな違いはコンテキストは文字盤の色設定に大きく左右されることです多くの文字盤ではユーザーが色の属性をカスタマイズできますコンプリケーションはそれと整合性を取らなくてはなりません
一部の文字盤ではコンプリケーションの画像全体に一色を適用します別の文字盤では背景や前景からなる複数色の画像が許容されますこの一番下でご覧いただけるようにタイマー日の出ストップウォッチがあります
CLKImageProviderがこれを実現しているオブジェクトですグラフィックコンプリケーションファミリーはフルカラーの画像を表示できますしたがってそのテンプレートは CLKFullColorImageProvidersを必要としますしかし一部のコンテキストではこれらの画像コンプリケーションは色付けされますフルカラーの画像のみの場合画像の彩度を下げて色付けしますそうではなく独自の画像を使いたい場合 CLKFullColorImageProviderで CLKImageProviderのフォールバック先を指定できます CLKImageProviderで画像を指定することでコンプリケーションが明るくなり左上の他のコンプリケーションと同じ白い色になったのが分かりますコンプリケーションの色付けの対応についての詳細は 2019年の“Exploring Tinting Graphic Complications”をご参照くださいゲージプロバイダはグラフや進捗を図示するために必要なデータをカプセル化したものです様々なコンプリケーションレイアウトに対応しますこの例の角と中央の両方で表示されています
ゲージの色やグラデーションまたは表示する比率などは最小限の作業でカスタマイズ可能です
進捗率をリアルタイムで更新するゲージが必要であれば CLKTimeIntervalGaugeProvideが使用できます開始日と終了日を指定して現時点における進捗を自動で更新して表示できます
watchOS 7の新機能で SwiftUIをコンプリケーションで使用できます CLKFullColorImageProviderを使用するコンプリケーションテンプレートはすべてSwiftUIビューで代替できます
簡単にアプリケーションの他の部分のコンポーネントを再利用でき簡単に独自のコンプリケーションを目立たせ従来より簡単にユーザーを確保できるようになりました
SwiftUIをコンプリケーションで利用する方法の詳細はより深く説明したこちらのセッションをご覧ください
アプリケーションがユーザーにとって有用で関連性のある情報でいっぱいでそのすべてへの簡単なアクセスを提供したい場合はどうしますか？ watchOS 7の新機能で１つのアプリケーションから複数のコンプリケーションを提供できるようになりましたユーザーが手首をちらっと見ただけでデータをユーザーに提示できるすばらしい方法です文字盤をすべて自分のコンプリケーションで埋めてそれを共有することもできます
複数のコンプリケーションをサポートするには CLKComplicationDataSourceで実装を宣言します関連するメソッドは次の２つです getComplicationDescriptors with-handlerは現在アプリケーションがサポートしているコンプリケーションのリストを規定します
handleSharedComplicationDescriptorsはアプリケーションのコンプリケーションを含む文字盤がWatchで共有された時に呼び出されて ClockKitがタイムラインエントリを要求し始めることを通知します CLKComplicationDescriptorはコンプリケーションを定義する方法ですその内容はアプリケーション内で一意の識別子
文字盤編集の際に表示される displayNameやこのコンプリケーションがサポートするコンプリケーションファミリーのリストさらに２つの選択可能で相互に排他的なプロパティから構成されますこれらには後で使用するカスタムデータを userInfo辞書とuserActivityで含めることができます
ホエールウォッチアプリケーションは数種類のコンプリケーションをサポートしますそのうちいくつかは各観測場所でのクジラの目撃数に関するものです新しい目撃例を素早く記録するコンプリケーションとシーズン全体のデータを表示するコンプリケーションがありますこれらがどう動作するか見てみましょう
getComplicationDescriptors with-handlerメソッドでは ComplicationDescriptorsの配列を作成してハンドラの呼び出しに使用しますここでデータモデル内の各観測地点を反復して適用してそれぞれに対し ComplicationDescriptorを作成します
これらを使って各観測地点での目撃情報を表示します
次にコンプリケーション用の descriptorを追加してクジラの新しい目撃情報を記録しシーズン全体のデータを見るためにも使用しますこの最後のコンプリケーションが graphicRectangularファミリーのみサポートしていることに気付いた人もいるでしょう他はすべてのファミリーをサポートしていますシーズンデータコンプリケーションは多くの情報を表示するため graphicRectangularファミリーの大きな描画領域だけがコンプリケーションに意味のある方法ですこのリストを無効にする必要があれば reloadComplicationDescriptorsを CLKComplicationServerで呼び出してこのメソッドをもう一度呼び出すことができますホエールウォッチアプリケーションの例ではユーザーが選択した観測地点のみ表示することになるでしょうそれらについて更新があればコンプリケーションも更新したいところです
ユーザーが現在文字盤で使っているコンプリケーションのサポートを外すようリストを更新した場合でも該当するコンプリケーション向けのタイムラインエントリの要求は続けられますこの場合も有用な情報の提供を続けられるよう可能な限り努力してください
このメソッドは CLKComplicationServerの reloadTimelineForComplicationメソッドとは異なることに注意してください後者はアプリケーションが提供するコンプリケーションのリストを更新します前者は特定のコンプリケーションのタイムラインを更新します
いつものようにユーザーがコンプリケーションをタップすると対応するアプリケーションが起動しますタップされたコンプリケーションのdescriptorが userActivityで作成されている場合起動時にそれが使用されますいずれの場合でもuserInfo辞書内の次のエントリが渡されます現在表示されているコンプリケーションのタイムラインエントリの日付とコンプリケーションの識別子です
もちろんこの辞書にはデベロッパが定義するエントリを含みますそれもcomplicationDescriptorで定義します
サポートするコンプリケーション記述方法についてお話ししました ClockKitがどのコンプリケーションにタイムラインエントリを要求しているのか知る方法は？
既に２つのメソッドを見てきました getCurrentTimelineEntryと getTimelineEndDateですそれぞれタイプCLKComplicationのコンプリケーションパラメータをとります
complicationDescriptorによく似ているように見えますしかし complicationDescriptorはコンプリケーションが何をサポートするか定義するのに対しこのオブジェクトはユーザーの文字盤上のコンプリケーションの具体的なインスタンスを表しますしたがってサポートするファミリーのリストではなく実際のコンプリケーションインスタンスのファミリーを含むプロパティを持っていますそしてもちろん userInfo辞書かuserActivityの descriptorで提供した情報もここに含まれています初期値のコンプリケーション識別子というものがありますこれはコンプリケーションの一つを指定するために使うべきものでしょうか？確かにそういう使い方もできますしかしそれは本来の目的ではありません watchOS 7以前でコンプリケーションを提供していてユーザーがそれを文字盤に表示している場合またはユーザーがその文字盤を共有しなおかつ関連データの削除を選択した場合 CLKDefaultComplicationIdentifierの識別子を持つコンプリケーションを確認されますコンプリケーションdescriptorのリストで明示的にサポートしていない場合でもですこれは非常に重要ですこのコンプリケーションはサポートするべきですサポートしない場合文字盤上に壊れたコンプリケーションが表示され続けしかもそれは皆さんのアプリケーションに関連していると示されているのですどうすればよいでしょうか？
まず watchOS 7以前のコンプリケーションと同じ情報を表示したりアプリケーション内の最も人気がある情報や関連性の高い情報を表示したり単にアプリケーションのアイコンを表示したりすることで少なくともユーザーはそのコンプリケーションが何なのかそしてアイコンをタップしたら何が起きるか理解できるようにできますホエールウォッチングアプリケーションの詳細について見ていきましょうこのメソッドは以前にも見ました所定のコンプリケーションについて現在のエントリを作成します
まだ確認していないもう１つのメソッドがありますコンプリケーションwithHandler用の getLocalizableSampleTemplateですこれはCLKComplicationDataSource プロトコルの一部でもあります
それが要求するテンプレートは文字盤編集やペアリングされた iPhone上のApple Watch アプリケーションでコンプリケーションを選択するために使用されますテンプレートにはサンプルデータを含めましょう各コンプリケーションつき１回しか要求されず結果はキャッシュされるからです
このcreateTimelineEntryメソッドはこれまで何回か見てきましたかなり単純ですテンプレートを作成してタイムラインエントリを作成しそこに日付を渡します
createTemplateメソッドの詳細を見てみましょう最初にテンプレートを作成するために再利用する必要があるデータを取り出しますコンプリケーションから観覧地点情報を取り出します descriptorを作成したことを思い出してください様々な場合に対応するため FullColorImageProviderを作成します目撃情報を記録するために SimpleTextProviderを作成します
最後に初期設定コンプリケーション識別子にテンプレートを要求されるなど何か予期しないことが起きた場合にフォールバックできるように所定のファミリーに対する初期値テンプレートを返すことができるクロージャーを作成します
作成するテンプレートを決定するためにファミリーと識別子の両方を graphicRectangularの SeasonDataコンプリケーションについて有効にします GraphicRectanbularFullViewテンプレートを作成しますこれにはデータを美しく視覚的に表示する SwiftUIビューがあります
graphicCircularの “LogSighting”コンプリケーションのために GraphicCircularStackImage テンプレートを作成します先に作成したImageProviderと TextProviderを使いますその他のあらゆる種類の graphicCircularコンプリケーションには別のSwiftUIビューとしてその場所での目撃に関する情報を表示したいとします graphicCornerおよびgraphicExtraLargeもほぼ同様です観測地点データからの対応するテキストと imageProviderを含むコンプリケーションテンプレートを返します他にもサポートするコンプリケーションそれぞれに適切にテンプレートを提供するための数多くの場合分けがありますがすべて似たようなものなのでここでは詳細には立ち入りません初期値のコンプリケーション識別子のように対処しようがないことでの問い合わせがあった場合には単に初期値のテンプレートを返しますこれはコンプリケーションのいくつかがどう動作するかを示したものです２種類のGraphic Rectangular コンプリケーションと２種類のGraphic Circularがあります SwiftUIを使ってこれらの美しいチャートを描画しましたフルカラーと色付きコンテキストの両方できれいに見えています watchOS 7では文字盤上だけでユーザーにデータを表示できる機会がたくさんありますコンプリケーションを作成しましょうコンプリケーションを最新にするためにデータをタイムラインに提供しましょうカスタマイズされたコンプリケーションコンテンツをSwiftUIで作成しましょう要求されたときに備えて初期値のコンプリケーション識別子を確実にサポートしましょうすばらしいコンプリケーションを構築するための詳細情報はこれらのセッションをご確認くださいご視聴ありがとうございます

4:54 - CLKComplicationDataSource - Required Methods

// CLKComplicationDataSource - Required
class ComplicationController: NSObject, CLKComplicationDataSource {

    func getCurrentTimelineEntry(
        for complication: CLKComplication, 
        withHandler handler: @escaping (CLKComplicationTimelineEntry?) -> Void)     
    {
        // Call the handler with the current timeline entry
        handler(createTimelineEntry(forComplication: complication, date: Date()))
    }
}

5:16 - CLKComplicationDataSource - Timeline Support

// CLKComplicationDataSource - Timeline Support
extension ComplicationController {

    func getTimelineEndDate(
        for complication: CLKComplication, 
        withHandler handler: @escaping (Date?) -> Void) 
    {
        handler(timeline(for: complication)?.endDate)
    }

    func getTimelineEntries(
        for complication: CLKComplication, 
        after date: Date, 
        limit: Int, 
        withHandler handler: @escaping ([CLKComplicationTimelineEntry]?) -> Void) 
    {
       handler(timeline(for: complication)?.entries(after: date, limit: limit))
    }
}

8:11 - CLKDateTextProvider initialization

let longDate: Date = DateComponents(year: 2020, month: 9, day: 23).date ?? Date()
let units: NSCalendar.Unit = [.weekday, .month, .day]
let textProvider = CLKDateTextProvider(date: longDate, units: units)

8:49 - CLKRelativeDateTextProvider initialization

let timerStart: Date = …
let units: NSCalendar.Unit = [.hour, .minute, .second]
let textProvider = CLKRelativeDateTextProvider(date: timerStart, style: .timer, units: units)

13:16 - CLKComplicationDataSource - Multiple Complication Support

// CLKComplicationDataSource - Multiple Complication Support
extension ComplicationController {
    var descriptors : [CLKComplicationDescriptor] = []
    var dataDict = Dictionary<AnyHashable, Any>()
        
    for station in data.stations {
        dataDict = [“name": station.name, “shortName": station.shortName]
        descriptors.append(
            CLKComplicationDescriptor(
                identifier: station.name,
                displayName: station.name,
                supportedFamilies: CLKComplicationFamily.allCases,
                userInfo: dataDict))
    }
    
    descriptors.append(
        CLKComplicationDescriptor(
            identifier: "LogSighting",
            displayName: "Log Sighting",
            supportedFamilies: CLKComplicationFamily.allCases))

    descriptors.append(
        CLKComplicationDescriptor(
            identifier: "SeasonData",
            displayName: "Season Data",
            supportedFamilies: [.graphicRectangular]))
        
    // Call the handler with the currently supported complication descriptors
    handler(descriptors)
}

17:09 - CLKComplicationDataSource - Sample Templates

func getLocalizableSampleTemplate(
    for complication: CLKComplication, 
    withHandler handler: @escaping (CLKComplicationTemplate?) -> Void) 
{
    let template = createSampleTemplate(forComplication: complication)
    handler(template)
}

17:33 - Whale Watch - Entries

func createTimelineEntry(
    forComplication complication: CLKComplication, 
    date: Date) -> CLKComplicationTimelineEntry? 
{
    guard let template = createTemplate(forComplication: complication, date: date) else {
        return nil
    }
    return CLKComplicationTimelineEntry(date: date, complicationTemplate: template)
}

17:44 - Whale Watch - Templates

func createTemplate(
    forComplication complication: CLKComplication, 
    date: Date) -> CLKComplicationTemplate? 
{
    var station: Station? = nil
    if let stationName = complication.userInfo?["name"] as? String {
        station = data.stations.first(where: { $0.name == stationName })
    }
    
    let image = UIImage(named: "Spout-small")!
    let spoutFullColorImageProvider = CLKFullColorImageProvider(fullColorImage: image)
    let logSightingTextProvider = CLKSimpleTextProvider(
        text: "Log Sighting", 
        shortText: "Log")

    let defaultTemplate: (CLKComplicationFamily) -> CLKComplicationTemplate = { family -> CLKComplicationTemplate in
      // Return a default complication template for the given family
    }
  
    switch (complication.family, complication.identifier) {

    case (.graphicRectangular, "SeasonData"):
        return CLKComplicationTemplateGraphicRectangularFullView(
            ChartView(
                seriesData: data.last7DaysSightings, 
                seriesColor: .turquoise)

    case (.graphicCircular, "LogSighting"):
        return CLKComplicationTemplateGraphicCircularStackImage(
            line1ImageProvider: spoutFullColorImageProvider, 
            line2TextProvider: logSightingTextProvider)

    case (.graphicCircular, _):
        guard let station = station else { return defaultTemplate(.graphicCircular) }
        return CLKComplicationTemplateGraphicCircularView(
            SightingTypeView(station: station))
          
    case (.graphicCorner, _):
        guard let station = station else { return defaultTemplate(.graphicCorner) }
        return CLKComplicationTemplateGraphicCornerTextImage(
            textProvider: station.timeAndShortLocTextProvider, 
            imageProvider: station.whaleActivityFullColorProvider)
                
    case (.graphicExtraLarge, _):
        guard let station = station else { return defaultTemplate(.graphicExtraLarge) }
        return CLKComplicationTemplateGraphicExtraLargeCircularStackText(
            line1TextProvider: station.timeAndLocationTextProvider, 
            line2TextProvider: station.shortLocationTextProvider)

    default:
        return defaultTemplate(complication.family)
    }
}

特定のトピックをお探しの場合は、上にトピックを入力すると、関連するトピックにすばやく移動できます。

クエリの送信中にエラーが発生しました。インターネット接続を確認して、もう一度お試しください。

リソース

関連ビデオ

WWDC20