SwiftUI/日本語チュートリアル2 の履歴(No.2)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• SwiftUI/日本語チュートリアル2 へ行く。
  • 1 (2022-07-22 (金) 01:24:41)
  • 2 (2022-07-22 (金) 02:01:35)

&tag(SwiftUI/日本語チュートリアル2);

目次†[edit]

関連ページ†[edit]

参考情報†[edit]

• 【第2回】日本語版SwiftUIチュートリアル【リストとナビゲーション】 | HIRO LAB BLOG

第2回：リストとナビゲーション ~動的なビュー生成~†[edit]

Step 1. モデルを作る†[edit]

• Modelsディレクトリを作成。
• そのなかにLandmark.swiftを作る。

  import SwiftUI
  
  struct Landmark: Hashable, Codable{
      var id: Int
      var name: String
      fileprivate var imageName: String
      fileprivate var coordinates: Coordinates
      var state: String
      var park: String
      var category: Category
      
      var locationCoordinate: CLLocationCoordinate2D {
           CLLocationCoordinate2D(
               latitude: coordinates.latitude,
               longitude: coordinates.longitude)
       }
      
      enum Category: String, CaseIterable, Hashable, Codable{{
          case featured = "Featured"
          case lakes = "Lakes"
          case rivers = "Rivers"
          case mountains= "Mountains"
      }
  }
   
  extension Landmark {
      var image: Image {
          ImageStore.shared.image(name: imageName)
      }
  }
  
  struct Coordinates: Hashable, Codable {
      var latitude: Double
      var longitude: Double
  }
  
  

Step 2. データ処理部†[edit]

• ModelsディレクトリにData.swiftを作成。内容は以下。

  import UIKit
  import SwiftUI
  import CoreLocation
   
  let landmarkData: [Landmark] = load("landmarkData.json")
   
  func load<T: Decodable>(_ filename: String) -> T {
      let data: Data
      
      guard let file = Bundle.main.url(forResource: filename, withExtension: nil)
          else {
              fatalError("Couldn't find \(filename) in main bundle.")
      }
      
      do {
          data = try Data(contentsOf: file)
      } catch {
          fatalError("Couldn't load \(filename) from main bundle:\n\(error)")
      }
      
      do {
          let decoder = JSONDecoder()
          return try decoder.decode(T.self, from: data)
      } catch {
          fatalError("Couldn't parse \(filename) as \(T.self):\n\(error)")
      }
  }
   
  final class ImageStore {
      typealias _ImageDictionary = [String: CGImage]
      fileprivate var images: _ImageDictionary = [:]
   
      fileprivate static var scale = 2
      
      static var shared = ImageStore()
      
      func image(name: String) -> Image {
          let index = _guaranteeImage(name: name)
          
          return Image(images.values[index], scale: CGFloat(ImageStore.scale), label: Text(name))
      }
   
      static func loadImage(name: String) -> CGImage {
          guard
              let url = Bundle.main.url(forResource: name, withExtension: "jpg"),
              let imageSource = CGImageSourceCreateWithURL(url as NSURL, nil),
              let image = CGImageSourceCreateImageAtIndex(imageSource, 0, nil)
          else {
              fatalError("Couldn't load image \(name).jpg from main bundle.")
          }
          return image
      }
      
      fileprivate func _guaranteeImage(name: String) -> _ImageDictionary.Index {
          if let index = images.index(forKey: name) { return index }
          
          images[name] = ImageStore.loadImage(name: name)
          return images.index(forKey: name)!
      }
  }
  

• 要はjsonからLandmarkオブジェクトを作成するたに使われている。