XCode 12.4 日本語化計画：Swift Tutorials

セクション 5




リストを動的に作る

リストの要素を個別に指定する代わりに、コレクションから直接に行を生成できます。




データのコレクションと、コレクション内の各要素のビューを提供するクロージャを渡すことにより、コレクションの要素を表示するリストを作成できます。リストは、提供されたクロージャを使用して、コレクション内の各要素を子ビューに変換します。











ステップ 1

2 つの静的ランドマークの行を削除し、代わりにモデルデータの Landmarks 配列を List イニシャライザに渡します。




---




リストは 識別可能な (identifiable) データで機能します。2 つの方法のいずれかでデータを識別可能にすることができます。データとともに各要素を一意に識別するプロパティへのキーパスを渡すか、データ型を Identifiable プロトコルに準拠させることです。


















ステップ 2

クロージャから LandmarkRow を返すことにより、動的に生成されたリストを完成させます。




---




これにより、landmarks 配列の各要素ごとに 1 つの LandmarkRow が作成されます。




































次に、Landmark 型に Identifiable な適合性を追加して、List のコードを簡略化します。















ステップ 3

Landmark.swift に切り替えて、Identifiable プロトコルへの準拠を宣言します。




---




Landmark データには、Identifiable プロトコルに必要な id プロパティがすでに含まれています。データを読み取るときに、プロパティを追加してデコードするだけで済みます。
















ステップ 4

LandmarkList.swift に戻り、id パラメータを削除します。




---




今後は、Landmark 要素のコレクションを直接使用できるようになります。

    LandmarkList.swift

1. import SwiftUI
3. struct LandmarkList: View {
4. var body: some View {
List(landmarks, id: \.id) { landmark in
5. }
6. }
7. }
9. struct LandmarkList_Previews: PreviewProvider {
10. static var previews: some View {
11. LandmarkList()
12. }
13. }

    Landmark.swift

1. import Foundation
2. import SwiftUI
3. import CoreLocation
struct Landmark: Hashable, Codable, Identifiable {
5. var id: Int
6. var name: String
7. var park: String
8. var state: String
9. var description: String
11. private var imageName: String
12. var image: Image {
13. Image(imageName)
14. }
16. private var coordinates: Coordinates
17. var locationCoordinate: CLLocationCoordinate2D {
18. CLLocationCoordinate2D(
19. latitude: coordinates.latitude,
20. longitude: coordinates.longitude)
21. }
23. struct Coordinates: Hashable, Codable {
24. var latitude: Double
25. var longitude: Double
26. }
27. }

    LandmarkList.swift

1. import SwiftUI
3. struct LandmarkList: View {
4. var body: some View {
List(landmarks) { landmark in
5. LandmarkRow(landmark: landmark)
6. }
7. }
8. }
10. struct LandmarkList_Previews: PreviewProvider {
11. static var previews: some View {
12. LandmarkList()
13. }
14. }