XCode 12.4 日本語化計画：Swift Tutorials

セクション 3

状態を切り替えるためのコントロールを追加します




ユーザがリストのフィルターをコントロールできるようにするには、showFavoritesOnly の値を変更できるコントロールを追加する必要があります。これを行うには、結束をトグルコントロールに渡します。




結束 は、可変状態への参照として機能します。ユーザがトグルをオフからオンに、そして再びオフにタップすると、コントロールは結束を使用して、それに応じてビューの状態を更新します。






ステップ 1

入れ子にされた ForEach グループを作成して、ランドマークを行に変換します。




---




リスト内の静的ビューと動的ビューを組み合わせる、または動的ビューの 2 つ以上の異なるグループを組み合わせるには、データのコレクションを List に渡す代わりに ForEach 型を使用します。






























































ステップ 2

List ビューの最初の子として Toggle ビューを追加し、showFavoritesOnly に結束を渡します。




---




$ 接頭辞を使用して、状態変数またはそのプロパティの 1 つへの結束にアクセスします。









































ステップ 3

先に進む前に、showsFavoritesOnly のデフォルト値を false に戻します。




ステップ 4

ライブプレビューを使用し、トグルをタップしてこの新機能を試してください。

    LandmarkList.swift

1. import SwiftUI
3. struct LandmarkList: View {
4. @State private var showFavoritesOnly = true
6. var filteredLandmarks: [Landmark] {
7. landmarks.filter { landmark in
8. (!showFavoritesOnly || landmark.isFavorite)
9. }
10. }
12. var body: some View {
13. NavigationView {
List {
ForEach(filteredLandmarks) { landmark in
14. NavigationLink(destination: LandmarkDetail(landmark: landmark)) {
15. LandmarkRow(landmark: landmark)
16. }
}
17. }
18. .navigationTitle("Landmarks")
19. }
20. }
21. }
23. struct LandmarkList_Previews: PreviewProvider {
24. static var previews: some View {
25. LandmarkList()
26. }
27. }

15 行目から以下のように書き足します。

14. List {
Toggle(isOn: $showFavoritesOnly) {
Text("Favorites only")
}
15. ForEach(filteredLandmarks) { landmark in

上記のリストの 4 行目を、以下のように書き換えます。

3. struct LandmarkList: View {
@State private var showFavoritesOnly = false