Apple Watch用ワークアウトAppの構築

Apple Watch用ワークアウトAppの構築

このCode-AlongではSwiftUIとHealthKitを使用してワークアウトAppを一から構築します。タイムラインを使用してAlways On（常にオン）ステートをサポートしワークアウトの指標を更新する方法について確認します。ワークアウトAppのベストデザインプラクティスに従って構築しましょう。

リソース
- Build a workout app for Apple Watch
- - HDビデオ
  - SDビデオ
関連ビデオ

WWDC23
- マルチデバイスワークアウトアプリの構築
WWDC21
- SwiftUIの新機能
- watchOS 8の新機能
ダウンロード

♪ (Apple Watch用ワークアウトAppの構築) こんにちはブレイディです私はフィットネスチームのエンジニアですご参加ありがとうございますすでにたくさんの素晴らしいワークアウトAppがあります App Storeからダウンロードできます Apple Watchはあらゆる種類のフィットネス活動をトラッキングできる素晴らしい製品です挑戦的なサイクリングでも距離と高度を記録できます激しいワークアウト中の心拍数や消費エネルギーをモニターすることができます水泳ではストロークタイプを識別したり往復回数を数えられますこれらはすべて利用して素晴らしいワークアウト Appを作れますそれでは本日の内容をご説明いたします今回のセッションは Code-Alongですその意味と参加方法について説明します SwiftUIでワークアウトビューを作成します次にHealthKitをビューに統合しますまた常時表示状態をサポートする方法も説明しますワクワクしますねさっそく始めましょうこのセッションは Code-AlongですワークアウトAppをゼロから一緒に作りますいくつかのコンセプトを紹介しますワークアウトAppとは何ですか？ワークアウトAppはワークアウト中のフィットネス活動をトラッキングしますワークアウトはワンタップで開始できますワークアウトのセッション中は経過時間消費エネルギー心拍数距離などのライブメトリックスが表示されますワークアウトが終了するとサマリにワークアウト用に記録したメトリックスが表示されますこれが今日作っていくものですワークアウトビューの構築を始めましょう Xcodeを開いて新しいプロジェクトを開始しましょう新しいXcodeプロジェクトの作成をクリックします watchOS Watch App 次をクリックしますワークアウトAppに｢MyWorkout｣などの名前を付けますインタフェースがSwiftUI 言語がSwiftであることを確認して次をクリックしますプロジェクトの保存場所を確定して作成をクリックします
インスペクタを非表示にしてキャンバスのサイズを変更します
Xcodeプレビューを使用して再生をクリックして Appがどのように表示されるかを確認しますよかった！SwiftUI Appが完成しましたワークアウトを開始できるようにしましょう StartViewでワンタップでワークアウトを開始することができますカルーセルスタイルのレイアウトを持つリストビューでは奥行きのある効果で垂直方向にスクロールするワークアウトのリストを提供しますワークアウトの一覧にサイクリングランニングウォーキングがある StartViewを作ってみましょう｢ContentView｣を｢StartView｣に変更しましょう ContentViewをコマンドクリックして Renameをクリックします新しい名前として｢StartView｣と入力 MyWorkoutsApp.swiftの StartViewが NavigationViewのルートビューになったことに注意してください
Renameをクリック
StartViewのリストに表示するワークアウトタイプの配列を定義しましょうまず HealthKitをインポートし HKWorkoutActivityType にアクセスします
次にワークアウトタイプの配列を追加します
ワークアウトリストには HKWorkoutActivityTypes のサイクリングランニングウォーキングが表示されます HKWorkoutActivityType 列挙型を拡張して識別可能なプロトコルに準拠し name変数を追加して HKWorkoutActivityTypeをリストにアクセスできるようにします
ID-computed変数は列挙型のrawValueを返します
name変数は大文字と小文字を切り替えて｢ランニング｣｢サイクリング｣｢ウォーキング｣などの名前を返します StartViewの本体にリストビューを追加してワークアウトのリストを表示してみましょう
このリストはworkoutTypes 変数をモデルとして使用します
workoutType毎に NavigationLinkが表示します NavigationLinkはナビゲーションベースのインターフェイスのデスティネーションを定義しますここではデスティネーションはテキストビューになりますこれらのナビゲーションリンクを後で設定して正しいワークアウトをトラッキングしていることを確認します
パディングはナビゲーションリンクの高さを高くしてタップエリアを広くしワークアウトを簡単に開始できるようにしました
リストはカルーセル listStyleを使用しスクロール時に奥行きのある効果を与えます
navigationBarTitleには｢ワークアウト｣と表示されます StartViewのプレビューを表示にはResumeをクリックします
ライブプレビューをクリックするとスクロールできるようになりますスクロールアップしてカルーセル ListStyleの奥行効果確認しますいいですねワークアウトセッションはモーダルな体験として提供されます通常ワークアウト中に必要なのはセッション固有の機能だけですワークアウトのリストを確認したり Appの他の部分にアクセスしたりする必要はありませんモーダルな体験の中で最も重要なアイテムを紹介することでユーザはセッションを管理しながら気が散るのを最低限に抑えられるでしょう Apple WatchでワークアウトAppを使う人はビューがこの順番で表示されることを期待しています左側のコントロールビューには進行中のセッションを制御する End Pause Resume などのボタンがあります中央の画面では測定値が専用画面に表示され一目で見ることができます画面右側のメディア再生コントロールではワークアウト中にメディアをコントロールできますユーザが左右にスワイプする場合watchOS上のTabViewは複数の子ビューを切替できます TabViewではページインジケータがビューの下部にあります TabViewはセッション中のビューを表示するのに便利ですでは3つのワークアウトセッションビューのTabViewを持つ SessionPagingViewを作成ましょう
ファイル>新規>ファイル...をクリックします SwiftUIビューで次へをクリックしますこれに｢SessionPagingView｣という名付け作成をクリック
TabViewで選択可能な各ビューをモデル化するために Tab列挙型を作成しましょう
Tab列挙型には3つのケースがありますコントロールメトリックス nowPlaying また selection という@State変数を追加して TabViewの選択項目のバインディングを提供します selectionのデフォルト値はメトリックスであるためワークアウトが開始されるとメトリックスビューが表示されます TabViewを追加しましょう
TabViewの選択パラメータは selection変数へのバインディングを使用しますテキストビューは作成されるまで各ビューのプレースホルダーです各ビューには選択できるようにタグが付いています Resumeをクリックして SessionPagingViewがどのように見えるかを確認します
ライブプレビューをクリックするとビューを切り替えて表示できます
SessionPagingViewの selection変数のデフォルト値が metricsであるため Metricsテキストビューが最初に表示されていることに注意してください左にスワイプするとコントロールテキストビューが表示されます右端までスワイプするとプレイテキストビューが表示されます素晴らしい！ワークアウトの実行中はライブメトリックスが表示されますセッションがランニングなどの移動を呼び出す場合特に重要な情報を読みやすいように Appは大きなフォントサイズを使用しテキストを配置する必要があります MetricsViewには経過時間アクティブエネルギー現在の心拍数と距離が表示されます HealthKitにはさらに多くのHKQuantityTypes が用意されています MetricsViewを作成してみましょうファイル>新規>ファイルの順にクリックします SwiftUIビューで次へをクリックしますこれに｢MetricsView｣という名付けて作成をクリック
VStackは 4つのメトリックス Textビューが含まれます
これらのTextビューをモデルに接続するまでは Textビューにはデフォルト値が設定されています
黄色のforegroundColorとセミボールドのfontWeightを指定して経過時間を焦点にしましょう
アクティブエネルギーテキストビューではエネルギー単位キロカロリーの既定値を使用して測定値が作成されます Measurementでは単位を省略した新しいフォーマットの関数を使用します使用量は消費したワークアウトエネルギーのワークアウトであり numberFormatには分数をトリミングするための fractionLengthがありません
心拍数のテキストビューは fractionLengthゼロでフォーマットされたデフォルト値を使用しますフォーマットした文字列に 1分あたりの拍数の｢bpm｣を追加します
距離テキストビューは UnitLength.metersのデフォルト値を使用します測定値は省略された単位でフォーマットされています usageはroadでロケールに基づいて自然に進行する帝国単位またはメートル単位で表示されます
丸みのあるデザインのタイトル monospacedDigits lowercaseSmallCapsのシステムフォントを使用します
メトリックスをリーディングエッジに位置合わせしたいので VStackにmaxWidth infinityとリーディング位置合わせを持つフレームビューモディファイアを指定しました
このVStackのコンテンツを画面の一番下まで拡張したいと考えていますこれを可能にするために下のセーフエリアは無視します
メトリックスをナビゲーションバーのタイトルに合わせたいので scenePadding()を使用しました
経過時間テキストビューで経過時間を適切にフォーマットし常時表示状態に基づいてサブセカンドを表示または非表示にしますこれを行うには ElapsedTimeView カスタムElapsedTimeFormatterを作成しますファイル>新規>ファイルの順にクリックします SwiftUIビューで次へをクリックします ElapsedTimeView 名前として作成をクリックします
ElapsedTimeView の経過時間は TimeIntervalでありデフォルトはゼロです showSubsecondsはBool型の引数でデフォルトはtrueです timeFormatterは以下で定義する ElapsedTimeFormatter 状態変数です
ビューの本体には elapsedTimeを NSNumberにキャストする Textビューが含まれているので timeFormatterがそれを使用できます Textビューのフォントは半太字のfontWeightです showSubsecondsが変更すると timeFormatterの showSubseconds変数も変更されます
ElapsedTimeFormatterはカスタムフォーマッタとして DateComponentsFormatterを使用しています経過時間には分と秒を表示しゼロをパディングします showSubseconds変数はサブ秒が表示されているかどうかを示します
オプションのStringを返す value関数の文字列をオーバーライドします最初のガードは値が TimeIntervalであることを確認
2つ目のガードは componentsFormatterが文字列を返すようにします
showSubsecondsがtrueの場合次のようにしてサブ秒を計算します truncatedRemainderを 1で除算し100を乗算して取得しますローカライズされた decimalSeparatorを使用しサブ秒を追加した formattedStringを返します
showSubsecondsが falseの場合サブ秒を指定せずに formattedStringを返す再生をクリックすると ElapsedTimeViewを確認
なかなかよさそうですね分はコロンの左側にゼロがパディングされています秒にはコロンの右側にゼロがパディングされます小数点以下の秒数が表示されます ElapsedTimeViewを MetricsViewに追加 MetricsViewをクリックします
経過時間Textビューを ElapsedTimeViewに置き換えます
MetricsViewをプレビューします見た目は最高です
ControlsViewには進行中のセッションをコントロールする終了一時停止再生などのボタンがあります終了ボタンをタップするとワークアウトの概要が表示されます一時停止ボタンをタップするとワークアウトが一時停止し MetricsViewが表示されます ControlsViewを作成しますファイル>新規>ファイルの順にクリックします SwiftUIビュー
｢Controls View｣という名付け作成をクリックします
終了と一時停止ボタンを追加します
HStackには2つの VStackがあり各VStackには1つのボタンと 1つのテキストビューがあります
終了ボタンのラベルはsystemNameが｢xmark｣のイメージですボタンは赤色で表示され title2フォントを使用してシンボルのサイズが大きくなります下のテキストビューに｢終了｣という文字列があります
一時停止ボタンはsystemNameが｢pause｣のイメージを使用します tintは黄色です下のテキストビューには｢Pause｣という文字列があります再開ボタンをクリックして ControlsViewをプレビュー
すてきですね
NowPlayingViewはワークアウトが行われている間のメディア再生コントロールを提供しますメディアを再生中のサードパーティーApp のコントロールも含まれます NowPlayingViewを追加しましょう SessionPagingViewを選択
NowPlayingViewは WatchKitが提供しています WatchKitをインポートします
テキストビューをControlsView MetricsViewおよび NowPlayingViewに置換しましょう
NowPlayingViewはWatchKitが提供するSwiftUIビューですシンプルです再開をクリックして SessionPagingViewを確認します
プレビューでは MetricsView が表示されます左にスワイプして ControlsViewを表示します
右端までスワイプ...
... NowPlayingViewを確認します
StartViewに戻り NavigationLinkのデスティネーションを SessionPagingViewに変更します StartViewを選択します
デスティネーションを SessionPagingViewに更新します
サマリー画面ではワークアウトが完了したことが確認され記録された情報が表示されます現在の進捗状況を簡単に確認できるようにアクティビティリングを追加してサマリーを拡張します Summaryビューを作成しますファイル>新規>ファイルの順にクリックします SwiftUIビューで次へをクリックしますこれに｢SummaryView｣という名前を付け作成をクリックします
メトリックスとその値を記述するカスタムSummaryMetricViewを作成します
SummaryMetricViewはメトリックスを説明するタイトルとメトリックスの値の文字列を受け取ります
Bodyには2つのText ビューとディバイダが含まれますメトリックス値を示すテキストビューでは丸いデザインのタイトルシステムフォントと lowercaseSmallCapsが使用されます foregroundColorとして accentColorを使用します SummaryViewのワークアウト期間フォーマッタを作成しましょう
durationFormatterは時間分秒をコロンとゼロで区切って表示する DateComponentsFormatter です SummaryMetricViews とDoneボタンを SummaryViewのサマリーに追加します
ScrollViewとVStackには 4つのSummaryMetricViewsと完了ボタンがあります
合計時間テキストビューは durationFormatterを使用して時間分秒をコロンで区切って表示します
合計距離 SummaryMetricViewは省略単位を使用して書式設定された既定値で Measurementを使用します usageはroadでロケールに基づいて自然に進行帝国単位またはメートル単位で表示されます
トータルエネルギー SummaryMetricViewはデフォルト値とキロカロリーのエネルギー単位で測定します省略単位を使用してフォーマットされます使用量はワークアウトエネルギーのワークアウトであり numberFormatの精度は fractionLengthゼロです
平均心拍数 SummaryMetricViewは数値の精度fractionLengthがゼロでフォーマットされたデフォルト値を使用して 1分あたりの拍数値に｢bpm｣を付加します SummaryMetricViewsの実際のワークアウト値は後で提供しますテキストビューと区切り線をナビゲーションバーのタイトルに揃えるため VStackでは.scenePadding ()を使用しました
navigationTitleは｢Summary｣になりナビゲーションバーにインラインで表示されます次にワークアウトのサマリーにアクティビティリングを追加しますファイル>新規>ファイルの順にクリックします Swift File 次へをクリックします｢ActivityRingsView｣という名付け作成をクリックします
HealthKitをインポートして HKHealthStoreにアクセスします SwiftUIをインポート WKInter- faceObjectRepresentableに登録
ActivityRingsView 構造体は WKInterfaceObjectRepresentableに準拠しています初期化時にhealthStore定数が割り当てられます
プロトコルに準拠するには次の2つの機能が必要です makeWKInterfaceObjectと updateWKInterfaceObject
makeWKInterfaceObject内で WKInterfaceActivityRing である activityRingsObjectを宣言します
次に HKActivitySummaryQueryの述部を作成して今日の日付コンポーネントを使用します次にクエリを作成してその結果を処理してメインキューの activityRingsObjectにアクティビティサマリーを設定します
次にHKHealthStoreでクエリを実行します最後にactivityRingsObject に戻します ActivityRingsViewを SummaryViewに追加しましょう SummaryViewをクリックしてください
HealthKitをインポートして HKHealthStoreにアクセスします
次にDoneボタンの上に Textビューと ActivityRingsViewを追加します
Textビューと ActivityRingsViewsをフレーム幅と高さ50で追加しましたここでHKHealthStoreを作成します後で再利用します SummaryViewをプレビューします再生をクリックします
ライブプレビューをクリックするとスクロールできるようになります
SummaryMetricViews
Activity Rings Doneボタンをそれぞれ確認してください HealthKitの統合について説明します HealthKitにはワークアウト中のフィットネス活動をトラッキングする機能が組み込まれておりそのワークアウトを HealthKitに保存しましょうこれにより開発者としての時間が節約され顧客はすべてのワークアウトを 1つの場所に保存できます HKWorkoutSessionはデバイスのセンサーをデータ収集のために準備するのでカロリーや心拍数などのワークアウトに関連するデータを正確に収集することができますまたワークアウトがアクティブなときにアプリケーションをバックグラウンドで実行することもできます HKLiveWorkoutBuilderはHKWorkout オブジェクトを作成して保存しますサンプルとイベントが自動的に収集されます詳しくは｢ワークアウトに対する新しいアプローチ｣セッションをチェックしてみてください Appのデータフローを見てみましょう WorkoutManagerは HealthKitとのインターフェースを担当します HKWorkoutSessionとインターフェイスしてワークアウトを開始一時停止終了します HKLiveWorkoutBuilderとインターフェースしてワークアウトのサンプルを受け取りそのデータをビューに提供します WorkoutManagerは環境オブジェクトになります環境オブジェクトは監視可能なオブジェクトが変更されるたびに現在のビューを無効にします MyWorkoutsAppのNavigationViewに WorkoutManager環境オブジェクトを割り当てます環境オブジェクトは WorkoutManagerを NavigationViewのビュー階層内のビューに伝播しますその後ビューは @EnvironmentObjectを宣言して環境内のWorkoutManagerへのアクセス権を取得します WorkoutManagerを作成しましょうファイル>新規>ファイルの順にクリックします Swift File 次へをクリックします｢WorkoutManager｣という名付けて作成をクリックします
WorkoutManagerが HealthKitのAPIにアクセスできるようにHealthKitをインポートします
次にObservableObject プロトコルに準拠する NSObjectである WorkoutManagerクラスを定義します全ビューにWorkoutManagerへのアクセス権を付与しますこれを行うには MyWorkoutsAppの NavigationViewで WorkoutManagerを環境オブジェクトとして割り当てます MyWorkoutsAppを選択します
workoutManagerを StateObjectとして追加します
NavigationViewに environmentObject ビューモディファイアを追加します
NavigationViewに environmentObjectが割り当てられるとビュー階層内のビューに environmentObjectが自動的に転送されますナビゲーションモデルを設定してみましょう WorkoutManagerを選択します
WorkoutManagerは選択されたワークアウトを管理してこれはオプションの HKWorkoutActivityTypeです
選択したワークアウトを追跡する selectedWorkout変数を追加しました StartViewの NavigationLinkは WorkoutManagerの selectedWorkoutに選択をバインドする必要があります StartViewを選択します
StartViewにworkoutManager EnvironmentObjectを追加します
タグと選択を使用して NavigationLinkを更新します
tagは workoutTypeです selectionは workoutManagerの selectedWorkoutへのバインディングですこれでワークアウトがタップされると workoutManagerの selectedWorkoutが更新されますここでワークアウトが選択された時 HKWorkoutSessionと HKLiveWorkoutBuilderを開始します WorkoutManagerを選択します
HKHealthStore HKWorkoutSession 及びHKLiveWorkoutBuilderを追加します次startWorkout関数を作成してワークアウトを開始します
startWorkout関数は workoutTypeパラメータを取得 workoutTypeを使用して HKWorkoutConfigurationを作成私たちのAppではすべてのワークアウトが屋外です場所の種類によって HKWorkoutSessionと HKLiveWorkoutBuilderが動作しますたとえば屋外サイクリングアクティビティは正確な位置データを生成しますが屋内サイクリングアクティビティは生成しません healthStoreと設定を使用して HKWorkoutSessionを作成します
セッションに関連した WorkoutBuilderにビルダを割当これはスローしたエラーを処理するためdo-catchブロックで実行された
healthStoreと workoutConfigurationを使用してビルダーのdataSourceを HKLiveWorkoutDataSourceに割当 HKLiveWorkoutDataSourceはアクティブなワークアウトセッションからライブデータを自動的に生成します
startDateを作成しますセッションでstartActivityをコールしてビルダーで beginCollectionをコールします selectedWorkoutが変更されたら startWorkoutを呼び出します
selectedWorkoutには nilを指定できます selectedWorkoutがnilではない場合にのみ guard文を使用して startWorkoutを呼び出します Appがワークアウトセッションを作成する前に HealthKitを設定し Appが使用する予定のヘルスケアデータを読み取って共有するための承認をリクエストする必要があります許可をリクエストする機能を追加しましょう
ワークアウトセッションではワークアウトタイプ共有するためアクセス許可をリクエストする必要があります
またセッションの一部として Apple Watchによって自動的に記録されたデータ型を読み取ることもできます
Activity Ringsサマリーを読む権限も必要です
次にhealthStoreで requestAuthorizationを呼出ビューが表示されたら HealthKitからStartView リクエストの承認を取得しましょう StartViewをクリックします
表示されると workoutManagerの requestAuthorization関数が呼ばれます拡張のために HealthKitを有効にします下記MyWorkouts プロジェクトファイルを選択...
... MyWorkouts WatchKit Extension Signing & Capabilities Add Capabilityを選択し下に行き HealthKitを選択します
アクティブワークアウトセッションありのAppはバックグラウンドで実行できるので WatchKit Extensionにバックグラウンドモード機能を追加する必要がありますワークアウトセッションにはワークアウト処理バックグラウンドモードをリクエストします機能の追加バックグラウンドモードの順に選択しますワークアウト処理を選択します WatchKit Extensionの Info.plistファイルに使用方法の説明を追加する必要があります Info.plistを選択します
最後の行を選択し Returnキーを押します
NSHealth ShareUsageDescription キーを使用します
アプリケーションで要求されたデータを読み取る理由を説明します Returnキーを押します
NSHealth UpdateUsageDescription キーを使用します
Appが作成する予定のデータを説明します
Appを構築して実行し AppがHealthKitに許可をリクエストするのを確認します実行をクリックします
AppはHealthKit認証をリクエストしています下にスクロールして Reviewをクリックします
以下のすべてのリクエストデータを選択します
Appがワークアウトの共有をリクエストしているのを確認します説明を参照してください次をタップしますアプリケーションが読み取りアクセスをリクエストしています以下のすべてのリクエストデータを選択します Appが読取アクセスをリクエストしたデータ型を確認
説明を参照してください完了をタップします
これでワークアウトセッションを開始できるので HKWorkoutSessionをコントロール必要があります WorkoutManagerを選択します
セッションステートコントロールロジックを追加しましょう
セッションが実行中の場合｢running｣という名前の @Published変数が追跡されます
一時停止と再開機能はセッションを一時停止および再開させます togglePause関数はセッションが実行中かどうかに基づいてセッションを一時停止または再開させます
endWorkout関数はセッションを終了させます WorkoutManagerを HKWorkoutSessionDelegate に拡張してセッション状態の変更を待機します
セッション状態が変更されるたびに workoutSession didChangeTotoState fromState Date関数が呼び出されます
実行中の変数は toStateが実行中かどうかに基づいて更新され UI更新のためにメインキューに送信されます
セッションが終了に移行したら終了日を指定してビルダーの endCollection を呼び出しワークアウトサンプルの収集を停止します endCollection完了後 finishWorkoutを呼び出してHKWorkoutを Healthデータベースに保存 HKWorkoutSession のデリゲートとして WorkoutManager を必ず割り当ててください
では ControlsView にセッションの一時停止再開終了をさせてみましょう ControlsViewを選択します
workoutManagerを EnvironmentObject として追加しビューがセッションをコントロールできるようにします
終了ボタンで workoutManagerの endWorkoutを呼び出します
一時停止/再生ボタンはセッションを一時停止または再生しその画像とテキストをセッション状態に応じて更新します
ボタンの動作は workoutManagerの togglePause関数を呼び出しセッションを一時停止や再生します
ボタンの画像のsystemNameは workoutManagerの実行変数に基づいて｢一時停止｣または｢再生｣のいずれかになります workoutManagerの実行中の変数に基づいてボタンの下に表示されるテキストは｢一時停止｣または｢再生｣のいずれかを表示します SessionPagingViewを更新してワークアウト名をナビゲーションバーに表示してみましょう SessionPagingViewを選択します
SessionPagingViewは WorkoutManager環境変数にアクセスする必要があるのでそれを追加しましょう
ナビゲーションバーを設定しましょうナビゲーションタイトルは WorkoutManagerの selectedWorkoutの名前ですナビゲーションバーの戻るボタンは隠されていますワークアウト中にStartViewに戻ってしまうことを防ぐためです NowPlayingViewが表示されているときナビゲーションバーを非表示にしたいと思いますワークアウトを一時停止や再生するときに MetricsViewに移動する必要はありませんこれを行うには onChangeビューモディファイアを追加します
WorkoutManager の実行中の公開変数が変化すると displayMetricsView 関数が呼び出されます displayMetricsView は選択状態の変数を metrics withAnimation に設定しますワークアウトが終了したところで SummaryViewの表示と非表示の機能を追加してみましょう WorkoutManagerをクリックします
｢showingSummaryView｣という名前の公開された変数を追加しますこの変数のブール値のデフォルトはfalseです
この変数は Appのナビゲーションビュー上でのシートの選択に対するバインディングを提供します endWorkoutでshowingSummaryViewを trueに設定します
SummaryViewを SheetとしてMyWorkoutsAppの NavigationViewに追加してみましょう MyWorkoutsAppをクリックします
シートビューモディファイヤを NavigationViewに追加します
isPresentedパラメータは workoutManagerの showingSummaryViewへのバインディングですシートの内容は SummaryViewです SummaryViewにはシートを閉じる機能を追加しましょう SummaryViewをクリックします
dismise DnEnvironment変数を追加します
Doneボタンのアクションで dismiss()を呼び出します
セッションの開始と終了し SummaryViewを表示するためアプリケーションを実行しましょう停止をクリックすると前の実行を停止します
実行をクリックします
ランニングのワークアウトをタップします
デフォルトのメトリックス値はセッション中やサマリーにも表示されますそれは後で設定します左にスワイプします一時停止をタップします MetricsViewが表示されることを注意してください左にスワイプします
ボタンに｢再生｣と表示されます終了をタップします
ワークアウトサマリーがシートとして表示されますスクロールダウンしてください完了をタップしますシートが解除されとなり StartViewが表示されます MetricsViewと SummaryViewに実際のワークアウトの測定値を表示させてみましょう WorkoutManagerはMetricsViewと SummaryViewが監視できる公開したワークアウトメトリックを公開します WorkoutManagerを選択します
Published metric変数を WorkoutManagerに追加します
averageHeartRateが SummaryViewで使われます heartRate activeEnergy とdistanceは MetricsViewによって測定されます WorkoutManagerは HKLiveWorkoutBuilderDelegate としてビルダに追加ワークアウトサンプルを調べる必要があります今すぐやりましょうまずビルダのデリゲートを WorkoutManagerとして割り当てます
ここでWorkoutManagerを HKLiveWorkoutBuilderDelegate プロトコルに一致させます
HKLiveWorkoutBuilderDelegate プロトコルに一致するように WorkoutManagerを拡張します
workoutBuilderDidCollectEventはビルダがイベントを収集するたびに呼び出されますこの関数はApp用に空のままにします
workoutBuilder didCollectDataOf collectedTypesはビルダが新しいサンプルを収集する毎に呼出します
collectedTypesの各タイプを繰り返し処理しますガード収集型がHKQuantityType であると確認します統計はその数量タイプのビルダから読み込まれます updateForStatistics -- 近いうちに作成する関数が呼び出され公開されたメトリックス値が更新されます updateForStatistics関数を作成しましょう
updateForStatisticsは随意の HKStatisticsオブジェクトを取得統計がnilの場合ガードは早期に返します
メトリックス更新をメインキューに非同期で送信します量のタイプのごとに切り替えます heartRateの場合は1分あたりの拍数を知りたいのでカウントの HKUnitを分単位のHKUnitで割ったものを使います 1分あたりの心拍数の mostRrecentQuantity doubleValueとして heartRateを割り当てます。 1分あたりの拍数の statistics.averageQuantityの doubleValueとして averageHeartRateを割り当てます
activeEnergyBurned quantityTypeには kilocalorie energyUnitを使用する activeEnergyをsumQuantityの doubleValueとして energyUnitに割り当てます
ウォーキングランニングサイクリングの距離では meterUnitのsumQuantityの doubleValueを取得しますでは MetricsViewに WorkoutManagerからメトリックス値を使います MetricsViewを選択します
workoutManagerを環境変数として追加します
WorkoutManagerからのメトリックス値を使用するようビューを更新しましょう
ElapsedTimeViewは workoutManagerのビルダのelapsedTimeを使います
activeEnergy Text ビューのMeasurementは workoutManagerの activeEnergyを使用します
heartRate Textビューは workoutManagerのheartRateを使用
距離テキストビューの測定では workoutManagerの距離が使用されます
ビルダの経過時間変数は公開されていないため現在のビューはビルダの elapsedTimeが更新されても更新しません VStackをTimelineViewでラップすることができます
TimelineViewは今年の新機能です TimelineViewは予定に従い時間の経過と共に更新されます watchOS Appが常時表示状態をサポートします TimelineViewsは常時表示コンテキストへの変更をビューに認識させます詳しくは｢watchOS 8の新機能｣と｢SwiftUIの新機能｣のセッションをご覧ください App状態はアクティブな状態か常時表示の状態かアクティブなワークアウトセッションを持つAppは常時表示状態で最大で1秒に1回更新できますこれは MetricsViewが常時表示状態のサブ秒を非表示にする必要があることを意味します常時表示の状態ではページインジケータコントロールを非表示にして表示を簡素化するなど他のデザイン上の配慮が必要です TimelineViewには常時表示コンテキストで指定されたTimelineScheduleModeに基づいて間隔を変更するカスタム TimelineScheduleが必要ですそれではカスタムの TimelineScheduleを作成しましょう
MetricsTimelineScheduleはスケジュールを開始する時期を示すstartDateを持っていますそのイニシャライザは startDateを受け取ります
MetricsTimelineScheduleはエントリー機能を実装しています PeriodicTimelineSchedule のエントリこの関数はstartDateを使用して PeriodicTimelineScheduleを作成します TimelineScheduleModeによって間隔が決定されます TimelineScheduleModeが lowFrequencyの場合 TimelineScheduleの間隔は1秒です TimelineScheduleModeが正常な場合間隔は30回/秒です VStackをTimelineView で表示してみましょう
TimelineViewはビルダの startDateを使用して MetricsTimelineScheduleを使用します ElapsedTimeViewの showSubsecondsはTimelineViewの context.cadenceによって決定しますケイデンスがライブのときは秒単位で表示されますそれ以外の場合サブ秒は常時表示状態で非表示になりますアプリケーションを実行してワークアウト中に更新されるメトリックスを確認してみましょう現在の実行を停止するには停止をクリックします実行をクリックします
ワークアウトの実行をタップします経過時間に注目が増加していることに注意してください watchOSシミュレーターはリアルタイムのワークアウトサンプルを自動的に収集しますカロリーが発生しています心拍数が更新されています距離が蓄積されていくシミュレータ上でLock ボタンをクリックして常時表示状態を試してみましょう
サブ秒は非表示でメトリックスは1秒に1回しか更新されないことに注意してくださいロック解除ボタンをクリックするとアクティブな状態に戻ります
左にスワイプしてワークアウトを終了します
SummaryViewにはまだ実際のHKWorkout値が必要今すぐやりましょうまずSummaryViewで使用するHKWorkoutを WorkoutManagerに追加します WorkoutManagerを選択します
HKWorkout公開された変数を追加します
ビルダがワークアウトの保存を完了したらビルダの finishWorkout関数が完了した時点でワークアウトを WorkoutManagerに割り当てます
この課題をUIの更新のためのメインキューです SummaryViewが閉じた時モデルを再設定します resetWorkout関数を作成してそれをします
resetWorkout関数はすべてのモデル変数を初期状態にリセットしますサマリーが終了したら resetWorkoutを呼出します showingSummaryViewの didSetで行います
SummaryViewを表示する前にワークアウトの保存中にワークアウトが終了したときに進行状況ビューを表示します SummaryViewにアクセスしてみましょう SummaryViewをクリックします
まずSummaryViewにworkoutManagerEnvironmentObjectを追加します
ビルダがワークアウトの保存を終了したときに workoutManagerに HKWorkoutが割り当てられ ProgressViewを表示します
workoutManagerのワークアウトが nilの場合は｢ワークアウトを保存しています｣というテキストとともに ProgressViewを表示しナビゲーションバーを非表示にします
WorkoutManagerの HKHealthStoreを使う為ActivityRingsView もアップデートしました HKHealthStore は1つのAppに1つだけ必要です HKWorkoutの値を使用するように SummaryMetricViewsを更新します
合計時間メトリックビューはワークアウト期間を使用します
totalDistance メトリックビューはワークアウトの合計距離を使用します
Total Energy メトリックビューはワークアウトの totalEnergyBurnedを使用します
平均心拍数メトリックビューは workoutManagerの averageHeartRateを使用します平均心拍数を保存しておきたい場合はワークアウトを保存する前にメタデータとしてビルダに追加することができます SessionPagingViewを常時オン状態に反応するように更新してみましょう SessionPagingViewを選択します
isLuminanceReduced環境変数を追加します
常時表示状態では TabViewのページインジケータを非表示にし MetricsViewが表示されていることを確認します
isLuminanceReducedに基づいて tabViewStyleのindexDisplayModeを neverまたはautomaticに設定しました isLuminanceReducedが変更されたら displayMetricsView関数を呼び出して MetricsViewを表示しますシミュレーターでAppを実行して試してみましょう停止をクリックして最後の実行を停止します実行をクリックします
ワークアウト実行を選択しますメトリックスがビルダからライブ更新されているので注意してください左にスワイプします一時停止をタップしますワークアウトが一時停止のため測定値の更新が止まっていることに注意してください左にスワイプします再開をタップしますメトリックの更新が再開されます右にスワイプすると NowPlayingViewを確認します左にスワイプしますロックをクリックして常時表示状態をトリガーしますサブセカンドが非表示になりページコントロールインジケータが非表示になっていることに注意してください。ロック解除をクリックするとアクティブな状態になります
左にスワイプして終了をタップします
ワークアウトが保存されますサマリーが表示されます下にスクロールして各メトリックスを表示します
アクティビティリングはエネルギー量運動時間および待機時間に基づいて生成されます完了をタップします
最初のビューに戻り次のワークアウトの準備が整いました
SwiftUIを使って常時表示状態をサポートする HealthKitと統合した完全に機能するワークアウトAppを実装するのがいかに簡単かをご覧いただきました次はどんな良いワークアウトAppを作ってくれるのか楽しみですね ♪

3:17 - StartView - import HealthKit
```
import HealthKit
```

var workoutTypes: [HKWorkoutActivityType] = [.cycling, .running, .walking]

3:26 - StartView - HKWorkoutActivityType identifiable and name

extension HKWorkoutActivityType: Identifiable {
    public var id: UInt {
        rawValue
    }

    var name: String {
        switch self {
        case .running:
            return "Run"
        case .cycling:
            return "Bike"
        case .walking:
            return "Walk"
        default:
            return ""
        }
    }
}

4:22 - StartView - body

List(workoutTypes) { workoutType in
    NavigationLink(
        workoutType.name,
        destination: Text(workoutType.name)
    ).padding(
        EdgeInsets(top: 15, leading: 5, bottom: 15, trailing: 5)
    )
}
.listStyle(.carousel)
.navigationBarTitle("Workouts")

6:55 - SessionPagingView - Tab enum and selection

@State private var selection: Tab = .metrics

enum Tab {
    case controls, metrics, nowPlaying
}

7:20 - SessionPagingView - TabView

TabView(selection: $selection) {
    Text("Controls").tag(Tab.controls)
    Text("Metrics").tag(Tab.metrics)
    Text("Now Playing").tag(Tab.nowPlaying)
}

9:02 - MetricsView - VStack and TextViews

VStack(alignment: .leading) {
    Text("03:15.23")
        .foregroundColor(Color.yellow)
        .fontWeight(.semibold)
    Text(
        Measurement(
            value: 47,
            unit: UnitEnergy.kilocalories
        ).formatted(
            .measurement(
                width: .abbreviated,
                usage: .workout,
                numberFormat: .numeric(precision: .fractionLength(0))
            )
        )
    )
    Text(
        153.formatted(
            .number.precision(.fractionLength(0))
        )
        + " bpm"
    )
    Text(
        Measurement(
            value: 515,
            unit: UnitLength.meters
        ).formatted(
            .measurement(
                width: .abbreviated,
                usage: .road
            )
        )
    )
}
.font(.system(.title, design: .rounded)
        .monospacedDigit()
        .lowercaseSmallCaps()
)
.frame(maxWidth: .infinity, alignment: .leading)
.ignoresSafeArea(edges: .bottom)
.scenePadding()

11:42 - ElapsedTimeView - ElapsedTimeView and ElapsedTimeFormatter

struct ElapsedTimeView: View {
    var elapsedTime: TimeInterval = 0
    var showSubseconds: Bool = true
    @State private var timeFormatter = ElapsedTimeFormatter()

    var body: some View {
        Text(NSNumber(value: elapsedTime), formatter: timeFormatter)
            .fontWeight(.semibold)
            .onChange(of: showSubseconds) {
                timeFormatter.showSubseconds = $0
            }
    }
}

class ElapsedTimeFormatter: Formatter {
    let componentsFormatter: DateComponentsFormatter = {
        let formatter = DateComponentsFormatter()
        formatter.allowedUnits = [.minute, .second]
        formatter.zeroFormattingBehavior = .pad
        return formatter
    }()
    var showSubseconds = true

    override func string(for value: Any?) -> String? {
        guard let time = value as? TimeInterval else {
            return nil
        }

        guard let formattedString = componentsFormatter.string(from: time) else {
            return nil
        }

        if showSubseconds {
            let hundredths = Int((time.truncatingRemainder(dividingBy: 1)) * 100)
            let decimalSeparator = Locale.current.decimalSeparator ?? "."
            return String(format: "%@%@%0.2d", formattedString, decimalSeparator, hundredths)
        }

        return formattedString
    }
}

13:56 - MetricsView - replace TextView with ElapsedTimeView

ElapsedTimeView(
    elapsedTime: 3 * 60 + 15.24,
    showSubseconds: true
).foregroundColor(Color.yellow)

14:47 - ControlsView - Stacks, Buttons and TextViews

HStack {
    VStack {
        Button {
        } label: {
            Image(systemName: "xmark")
        }
        .tint(Color.red)
        .font(.title2)
        Text("End")
    }
    VStack {
        Button {
        } label: {
            Image(systemName: "pause")
        }
        .tint(Color.yellow)
        .font(.title2)
        Text("Pause")
    }
}

16:05 - SessionPagingView - import WatchKit
```
import WatchKit
```

16:09 - SessionPagingView - TabView using actual views

ControlsView().tag(Tab.controls)
MetricsView().tag(Tab.metrics)
NowPlayingView().tag(Tab.nowPlaying)

17:08 - StartView - NavigationLink to use SessionPagingView
```
destination: SessionPagingView()
```

17:50 - SummaryView - SummaryMetricView

struct SummaryMetricView: View {
    var title: String
    var value: String

    var body: some View {
        Text(title)
        Text(value)
            .font(.system(.title2, design: .rounded)
                    .lowercaseSmallCaps()
            )
            .foregroundColor(.accentColor)
        Divider()
    }
}

18:27 - SummaryView - durationFormatter

@State private var durationFormatter: DateComponentsFormatter = {
    let formatter = DateComponentsFormatter()
    formatter.allowedUnits = [.hour, .minute, .second]
    formatter.zeroFormattingBehavior = .pad
    return formatter
}()

18:45 - SummaryView - body

ScrollView(.vertical) {
    VStack(alignment: .leading) {
        SummaryMetricView(
            title: "Total Time",
            value: durationFormatter.string(from: 30 * 60 + 15) ?? ""
        ).accentColor(Color.yellow)
        SummaryMetricView(
            title: "Total Distance",
            value: Measurement(
                value: 1625,
                unit: UnitLength.meters
            ).formatted(
                .measurement(
                    width: .abbreviated,
                    usage: .road
                )
            )
        ).accentColor(Color.green)
        SummaryMetricView(
            title: "Total Energy",
            value: Measurement(
                value: 96,
                unit: UnitEnergy.kilocalories
            ).formatted(
                .measurement(
                    width: .abbreviated,
                    usage: .workout,
                    numberFormat: .numeric(precision: .fractionLength(0))
                )
            )
        ).accentColor(Color.pink)
        SummaryMetricView(
            title: "Avg. Heart Rate",
            value: 143
                .formatted(
                    .number.precision(.fractionLength(0))
                )
            + " bpm"
        ).accentColor(Color.red)
        Button("Done") {
        }
    }
    .scenePadding()
}
.navigationTitle("Summary")
.navigationBarTitleDisplayMode(.inline)

21:00 - ActivityRingsView

import HealthKit
import SwiftUI

struct ActivityRingsView: WKInterfaceObjectRepresentable {
    let healthStore: HKHealthStore

    func makeWKInterfaceObject(context: Context) -> some WKInterfaceObject {
        let activityRingsObject = WKInterfaceActivityRing()

        let calendar = Calendar.current
        var components = calendar.dateComponents([.era, .year, .month, .day], from: Date())
        components.calendar = calendar

        let predicate = HKQuery.predicateForActivitySummary(with: components)

        let query = HKActivitySummaryQuery(predicate: predicate) { query, summaries, error in
            DispatchQueue.main.async {
                activityRingsObject.setActivitySummary(summaries?.first, animated: true)
            }
        }

        healthStore.execute(query)

        return activityRingsObject
    }

    func updateWKInterfaceObject(_ wkInterfaceObject: WKInterfaceObjectType, context: Context) {

    }
}

22:15 - SummaryView - add ActivityRingsView

Text("Activity Rings")
ActivityRingsView(
    healthStore: HKHealthStore()
).frame(width: 50, height: 50)

22:28 - SummaryView - import HealthKit
```
import HealthKit
```

25:22 - WorkoutManager

import HealthKit

class WorkoutManager: NSObject, ObservableObject {

}

25:53 - MyWorkoutsApp - add workoutManager @StateObject
```
@StateObject var workoutManager = WorkoutManager()
```
26:00 - MyWorkoutsApp - .environmentObject to NavigationView
```
.environmentObject(workoutManager)
```
26:25 - WorkoutManager - selectedWorkout
```
var selectedWorkout: HKWorkoutActivityType?
```
26:49 - StartView - add workoutManager
```
@EnvironmentObject var workoutManager: WorkoutManager
```
26:56 - StartView - Add tag and selection to NavigationLink
```
,
tag: workoutType,
selection: $workoutManager.selectedWorkout
```

27:32 - WorkoutManager - Add healthStore, session, builder

let healthStore = HKHealthStore()
var session: HKWorkoutSession?
var builder: HKLiveWorkoutBuilder?

27:42 - WorkoutManager - startWorkout(workoutType:)

func startWorkout(workoutType: HKWorkoutActivityType) {
    let configuration = HKWorkoutConfiguration()
    configuration.activityType = workoutType
    configuration.locationType = .outdoor

    do {
        session = try HKWorkoutSession(healthStore: healthStore, configuration: configuration)
        builder = session?.associatedWorkoutBuilder()
    } catch {
        // Handle any exceptions.
        return
    }

    builder?.dataSource = HKLiveWorkoutDataSource(
        healthStore: healthStore,
        workoutConfiguration: configuration
    )

    // Start the workout session and begin data collection.
    let startDate = Date()
    session?.startActivity(with: startDate)
    builder?.beginCollection(withStart: startDate) { (success, error) in
        // The workout has started.
    }
}

29:06 - WorkoutManager - selectedWorkout didSet

{
    didSet {
        guard let selectedWorkout = selectedWorkout else { return }
        startWorkout(workoutType: selectedWorkout)
    }
}

29:35 - WorkoutManager - requestAuthorization from HealthKit

// Request authorization to access HealthKit.
func requestAuthorization() {
    // The quantity type to write to the health store.
    let typesToShare: Set = [
        HKQuantityType.workoutType()
    ]

    // The quantity types to read from the health store.
    let typesToRead: Set = [
        HKQuantityType.quantityType(forIdentifier: .heartRate)!,
        HKQuantityType.quantityType(forIdentifier: .activeEnergyBurned)!,
        HKQuantityType.quantityType(forIdentifier: .distanceWalkingRunning)!,
        HKQuantityType.quantityType(forIdentifier: .distanceCycling)!,
        HKObjectType.activitySummaryType()
    ]

    // Request authorization for those quantity types.
    healthStore.requestAuthorization(toShare: typesToShare, read: typesToRead) { (success, error) in
        // Handle error.
    }
}

30:20 - StartView - requestAuthorization onAppear
```
.onAppear {
    workoutManager.requestAuthorization()
}
```
31:30 - Privacy - Health Share Usage Description - Key
```
NSHealthShareUsageDescription
```

31:38 - Privacy - Health Share Usage Description - Value

Your workout related data will be used to display your saved workouts in MyWorkouts.

31:47 - Privacy - Health Update Usage Description - Key
```
NSHealthUpdateUsageDescription
```

31:54 - Privacy - Health Update Usage Description - Value

Workouts tracked by MyWorkouts on Apple Watch will be saved to HealthKit.

33:29 - WorkoutManager - session state control

// MARK: - State Control

// The workout session state.
@Published var running = false

func pause() {
    session?.pause()
}

func resume() {
    session?.resume()
}

func togglePause() {
    if running == true {
        pause()
    } else {
        resume()
    }
}

func endWorkout() {
    session?.end()
}

34:11 - WorkoutManager - HKWorkoutSessionDelegate

// MARK: - HKWorkoutSessionDelegate
extension WorkoutManager: HKWorkoutSessionDelegate {
    func workoutSession(_ workoutSession: HKWorkoutSession,
                        didChangeTo toState: HKWorkoutSessionState,
                        from fromState: HKWorkoutSessionState,
                        date: Date) {
        DispatchQueue.main.async {
            self.running = toState == .running
        }

        // Wait for the session to transition states before ending the builder.
        if toState == .ended {
            builder?.endCollection(withEnd: date) { (success, error) in
                self.builder?.finishWorkout { (workout, error) in
                }
            }
        }
    }

    func workoutSession(_ workoutSession: HKWorkoutSession, didFailWithError error: Error) {

    }
}

34:58 - WorkoutManager - assign HKWorkoutSessionDelegate in startWorkout()
```
session?.delegate = self
```
35:22 - ControlsView - workoutManager environmentObject
```
@EnvironmentObject var workoutManager: WorkoutManager
```
35:33 - ControlsView - End Button action
```
workoutManager.endWorkout()
```

35:43 - ControlsView - Pause / Resume Button and Text

Button {
    workoutManager.togglePause()
} label: {
    Image(systemName: workoutManager.running ? "pause" : "play")
}
.tint(Color.yellow)
.font(.title2)
Text(workoutManager.running ? "Pause" : "Resume")

36:30 - SessionPagingView - add workoutManager environment variable
```
@EnvironmentObject var workoutManager: WorkoutManager
```

36:42 - SessionPagingView - navigationBar

.navigationTitle(workoutManager.selectedWorkout?.name ?? "")
.navigationBarBackButtonHidden(true)
.navigationBarHidden(selection == .nowPlaying)

37:10 - SessionPagingView - onChange of workoutManager.running

.onChange(of: workoutManager.running) { _ in
        displayMetricsView()
    }
}

private func displayMetricsView() {
    withAnimation {
        selection = .metrics
    }
}

37:45 - WorkoutManager - showingSummaryView

@Published var showingSummaryView: Bool = false {
    didSet {
        // Sheet dismissed
        if showingSummaryView == false {
            selectedWorkout = nil
        }
    }
}

37:59 - WorkoutManager - showingSummaryView true in endWorkout
```
showingSummaryView = true
```

38:22 - MyWorkoutApp - add summaryView sheet to NavigationView

.sheet(isPresented: $workoutManager.showingSummaryView) {
    SummaryView()
}

38:49 - SummaryView - add dismiss environment variable
```
@Environment(\.dismiss) var dismiss
```
38:58 - SummaryView - add dismiss() to done button
```
dismiss()
```

40:25 - WorkoutManager - Metric publishers

// MARK: - Workout Metrics
@Published var averageHeartRate: Double = 0
@Published var heartRate: Double = 0
@Published var activeEnergy: Double = 0
@Published var distance: Double = 0

40:48 - WorkoutManager - assigned as HKLiveWorkoutBuilderDelegate in startWorkout()
```
builder?.delegate = self
```

41:05 - WorkoutManager - add HKLiveWorkoutBuilderDelegate extension

// MARK: - HKLiveWorkoutBuilderDelegate
extension WorkoutManager: HKLiveWorkoutBuilderDelegate {
    func workoutBuilderDidCollectEvent(_ workoutBuilder: HKLiveWorkoutBuilder) {
    }

    func workoutBuilder(_ workoutBuilder: HKLiveWorkoutBuilder, didCollectDataOf collectedTypes: Set<HKSampleType>) {
        for type in collectedTypes {
            guard let quantityType = type as? HKQuantityType else { return }

            let statistics = workoutBuilder.statistics(for: quantityType)

            // Update the published values.
            updateForStatistics(statistics)
        }
    }
}

42:01 - WorkoutManager - add updateForStatistics()

func updateForStatistics(_ statistics: HKStatistics?) {
    guard let statistics = statistics else { return }

    DispatchQueue.main.async {
        switch statistics.quantityType {
        case HKQuantityType.quantityType(forIdentifier: .heartRate):
            let heartRateUnit = HKUnit.count().unitDivided(by: HKUnit.minute())
            self.heartRate = statistics.mostRecentQuantity()?.doubleValue(for: heartRateUnit) ?? 0
            self.averageHeartRate = statistics.averageQuantity()?.doubleValue(for: heartRateUnit) ?? 0
        case HKQuantityType.quantityType(forIdentifier: .activeEnergyBurned):
            let energyUnit = HKUnit.kilocalorie()
            self.activeEnergy = statistics.sumQuantity()?.doubleValue(for: energyUnit) ?? 0
        case HKQuantityType.quantityType(forIdentifier: .distanceWalkingRunning), HKQuantityType.quantityType(forIdentifier: .distanceCycling):
            let meterUnit = HKUnit.meter()
            self.distance = statistics.sumQuantity()?.doubleValue(for: meterUnit) ?? 0
        default:
            return
        }
    }
}

43:25 - MetricsView - add workoutManager as environment variable to MetricsView
```
@EnvironmentObject var workoutManager: WorkoutManager
```

43:35 - MetricsView - VStack with Text bound to workoutManager variables

VStack(alignment: .leading) {
    ElapsedTimeView(
        elapsedTime: workoutManager.builder?.elapsedTime ?? 0,
        showSubseconds: true
    ).foregroundColor(Color.yellow)
    Text(
        Measurement(
            value: workoutManager.activeEnergy,
            unit: UnitEnergy.kilocalories
        ).formatted(
            .measurement(
                width: .abbreviated,
                usage: .workout,
                numberFormat: .numeric(precision: .fractionLength(0))
            )
        )
    )
    Text(
        workoutManager.heartRate
            .formatted(
                .number.precision(.fractionLength(0))
            )
        + " bpm"
    )
    Text(
        Measurement(
            value: workoutManager.distance,
            unit: UnitLength.meters
        ).formatted(
            .measurement(
                width: .abbreviated,
                usage: .road
            )
        )
    )
}

45:51 - MetricsView - MetricsTimelineSchedule

private struct MetricsTimelineSchedule: TimelineSchedule {
    var startDate: Date

    init(from startDate: Date) {
        self.startDate = startDate
    }

    func entries(from startDate: Date, mode: TimelineScheduleMode) -> PeriodicTimelineSchedule.Entries {
        PeriodicTimelineSchedule(
            from: self.startDate,
            by: (mode == .lowFrequency ? 1.0 : 1.0 / 30.0)
        ).entries(
            from: startDate,
            mode: mode
        )
    }
}

46:38 - MetricsView - TimelineView wrapping VStack

TimelineView(
    MetricsTimelineSchedule(
        from: workoutManager.builder?.startDate ?? Date()
    )
) { context in
    VStack(alignment: .leading) {
        ElapsedTimeView(
            elapsedTime: workoutManager.builder?.elapsedTime ?? 0,
            showSubseconds: context.cadence == .live
        ).foregroundColor(Color.yellow)
        Text(
            Measurement(
                value: workoutManager.activeEnergy,
                unit: UnitEnergy.kilocalories
            ).formatted(
                .measurement(
                    width: .abbreviated,
                    usage: .workout,
                    numberFormat: .numeric(precision: .fractionLength(0))
                )
            )
        )
        Text(
            workoutManager.heartRate
                .formatted(
                    .number.precision(.fractionLength(0))
                )
            + " bpm"
        )
        Text(
            Measurement(
                value: workoutManager.distance,
                unit: UnitLength.meters
            ).formatted(
                .measurement(
                    width: .abbreviated,
                    usage: .road
                )
            )
        )
    }
    .font(.system(.title, design: .rounded)
            .monospacedDigit()
            .lowercaseSmallCaps()
    )
    .frame(maxWidth: .infinity, alignment: .leading)
    .ignoresSafeArea(edges: .bottom)
    .scenePadding()
}

48:23 - WorkoutManager - workout: HKWorkout added
```
@Published var workout: HKWorkout?
```
48:38 - WorkoutManager - assign HKWorkout in finishWorkout
```
DispatchQueue.main.async {
    self.workout = workout
}
```

48:57 - WorkoutManager - resetWorkout()

func resetWorkout() {
    selectedWorkout = nil
    builder = nil
    session = nil
    workout = nil
    activeEnergy = 0
    averageHeartRate = 0
    heartRate = 0
    distance = 0
}

49:21 - WorkoutManager - add resetWorkout to showingSummaryView didSet
```
resetWorkout()
```
49:48 - SummaryView - add workoutManager
```
@EnvironmentObject var workoutManager: WorkoutManager
```

50:06 - SummaryView - add ProgressView

if workoutManager.workout == nil {
    ProgressView("Saving workout")
        .navigationBarHidden(true)
} else {
    ScrollView(.vertical) {
        VStack(alignment: .leading) {
            SummaryMetricView(
                title: "Total Time",
                value: durationFormatter.string(from: 30 * 60 + 15) ?? ""
            ).accentColor(Color.yellow)
            SummaryMetricView(
                title: "Total Distance",
                value: Measurement(
                    value: 1625,
                    unit: UnitLength.meters
                ).formatted(
                    .measurement(
                        width: .abbreviated,
                        usage: .road
                    )
                )
            ).accentColor(Color.green)
            SummaryMetricView(
                title: "Total Calories",
                value: Measurement(
                    value: 96,
                    unit: UnitEnergy.kilocalories
                ).formatted(
                    .measurement(
                        width: .abbreviated,
                        usage: .workout,
                        numberFormat: .numeric(precision: .fractionLength(0))
                    )
                )
            ).accentColor(Color.pink)
            SummaryMetricView(
                title: "Avg. Heart Rate",
                value: 143.formatted(
                    .number.precision(.fractionLength(0))
                )
                + " bpm"
            )
            Text("Activity Rings")
            ActivityRingsView(healthStore: workoutManager.healthStore)
                .frame(width: 50, height: 50)
            Button("Done") {
                dismiss()
            }
        }
        .scenePadding()
    }
    .navigationTitle("Summary")
    .navigationBarTitleDisplayMode(.inline)
}

50:43 - SummaryView - SummaryMetricViews using HKWorkout values

SummaryMetricView(
    title: "Total Time",
    value: durationFormatter
        .string(from: workoutManager.workout?.duration ?? 0.0) ?? ""
).accentColor(Color.yellow)
SummaryMetricView(
    title: "Total Distance",
    value: Measurement(
        value: workoutManager.workout?.totalDistance?
            .doubleValue(for: .meter()) ?? 0,
        unit: UnitLength.meters
    ).formatted(
        .measurement(
            width: .abbreviated,
            usage: .road
        )
    )
).accentColor(Color.green)
SummaryMetricView(
    title: "Total Energy",
    value: Measurement(
        value: workoutManager.workout?.totalEnergyBurned?
                        .doubleValue(for: .kilocalorie()) ?? 0,
        unit: UnitEnergy.kilocalories
    ).formatted(
        .measurement(
            width: .abbreviated,
            usage: .workout,
            numberFormat: .numeric(precision: .fractionLength(0))
        )
    )
).accentColor(Color.pink)
SummaryMetricView(
    title: "Avg. Heart Rate",
    value: workoutManager.averageHeartRate
        .formatted(
            .number.precision(.fractionLength(0))
        )
    + " bpm"
).accentColor(Color.red)

51:45 - SessionPagingView - add isLuminanceReduced
```
@Environment(\.isLuminanceReduced) var isLuminanceReduced
```

51:57 - SessionPagingView - add tabViewStyle and onChangeOf based on isLuminanceReduced

.tabViewStyle(
    PageTabViewStyle(indexDisplayMode: isLuminanceReduced ? .never : .automatic)
)
.onChange(of: isLuminanceReduced) { _ in
    displayMetricsView()
}

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

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

リソース

関連ビデオ

WWDC23

WWDC21