top of page

アプリを手作りしています

ホーム: ようこそ!
ホーム: Blog2

[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


©2020 by Handmade App. Proudly created with Wix.com

bottom of page