[SwiftUI]Kanji and Hanzi/漢字→汉字テスト - (5) Walkthrough
- handmadeapp
- 2020年3月4日
- 読了時間: 1分
中国語の漢字練習アプリに、アプリの使い方説明画面(Walkthrough)を追加します。
Imageを紙芝居のように表示できる画面を想定。
Home画面からModal表示し、いつでもCloseできるように。

Assetsに追加する紙芝居用のImageは、walkthrough<#>とし、
表示するImageの名前に # を使って動的にセットできるように。

Home画面にWalkthrough Viewへ遷移する「?」ボタンをNavigationBarItemに追加。
続いて、Walkthrough View。
表示するImageは、「Image("walkthrough\(page)")」とpage番号を利用。
・1ページ目→前には戻れないようにする
・最後のページ(今回は9ページ目)→先に進めないようにする
ため、Button().disabled(条件)で、条件がtrueの場合にButtonが無効になるように設定。
できる範囲の知識でミニマムに実装。
比較的、簡単にできました。
Comments