[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が無効になるように設定。
できる範囲の知識でミニマムに実装。
比較的、簡単にできました。

![[SwiftUI]Kanji and Hanzi/漢字→汉字テスト - (6) StackNavigationViewStyle](https://static.wixstatic.com/media/0805bc_1a65b42ec24d49ed816d10950812b10c~mv2.png/v1/fill/w_980,h_509,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/0805bc_1a65b42ec24d49ed816d10950812b10c~mv2.png)
![[SwiftUI]Kanji and Hanzi/漢字→汉字テスト - (4) Add new item to CoreData](https://static.wixstatic.com/media/0805bc_6daf628c2dd24a0db621c25a5df9efe0~mv2.png/v1/fill/w_980,h_818,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/0805bc_6daf628c2dd24a0db621c25a5df9efe0~mv2.png)
![[SwiftUI]Kanji and Hanzi/漢字→汉字テスト - (3) Fetch and Update CoreData](https://static.wixstatic.com/media/0805bc_6dc226f3359347f0b3981a894efce212~mv2.png/v1/fill/w_780,h_1366,al_c,q_90,enc_avif,quality_auto/0805bc_6dc226f3359347f0b3981a894efce212~mv2.png)
コメント