Кнопка mapType SwiftUI / SegmentedControl - PullRequest
Новая
       77

Кнопка mapType SwiftUI / SegmentedControl

0 голосов
/ 27 мая 2020

Ищем лучший вариант для изменения mapType при выборе кнопки / сегментированного элемента управления. В настоящее время у меня есть приведенный ниже код, который в определенной степени работает, однако параметры выбора всегда меняются. Как я могу сохранить его согласованность как Стандартный, Спутниковый, Гибридный со Стандартным по умолчанию или любой другой вариант, выбранный пользователем последним?

ContentView.swift 

struct ContentView: View {

@State private var selectedSegment = 0
@State var mapTypeItems: [String: MKMapType] = ["Hybrid": .hybrid, "Standard": .standard, "Satellite": .satellite]

var body: some View {

VStack {
    Picker(selection: $selectedSegment, label: Text("")) {
        ForEach(0..<mapTypeItems.count) { index in
            Text(self.getMapType(index: index).key)
        }
    }.pickerStyle(SegmentedPickerStyle())
    MapView(mapType: getMapType(index: self.selectedSegment).value)
        .edgesIgnoringSafeArea(.all)
    }
}

func getMapType(index: Int) -> (key: String, value: Binding<MKMapType>) {
    let indexItem = mapTypeItems.index(mapTypeItems.startIndex, offsetBy: index)
    return (mapTypeItems.keys[indexItem], $mapTypeItems.values[indexItem])
}

}

MapView.swift 

struct MapView: UIViewRepresentable {

@Binding var mapType: MKMapType

let map = MKMapView(frame: .zero)

func makeCoordinator() -> MapViewCoordinator {
    MapViewCoordinator(self)
}

func makeUIView(context: Context) -> MKMapView{

    map.mapType = mapType
    map.showsScale = true
    map.showsTraffic = true
    map.showsCompass = true
    map.showsBuildings = true


    let center = CLLocationCoordinate2D(latitude: -33.3208, longitude: 151.2336)
    let region = MKCoordinateRegion(center: center, latitudinalMeters: 55000, longitudinalMeters: 55000)

    map.setCameraBoundary(
      MKMapView.CameraBoundary(coordinateRegion: region),
      animated: true)

    let zoomRange = MKMapView.CameraZoomRange(maxCenterCoordinateDistance: 200000)
    map.setCameraZoomRange(zoomRange, animated: true)
    map.region = region

    map.register(
        ArtworkView.self,
    forAnnotationViewWithReuseIdentifier:
      MKMapViewDefaultAnnotationViewReuseIdentifier)

    loadInitialData()
    map.addAnnotations(artworks)

    return map
}

func updateUIView(_ view: MKMapView, context: Context){

    view.delegate = context.coordinator
    view.addAnnotations(artworks)
    view.mapType = self.mapType

}

}

Спасибо за помощь

1 Ответ

0 голосов
/ 28 мая 2020

Изменен код на более простой вид. Те же параметры теперь доступны при каждом запуске и обновляются соответствующим образом. Отправка ответа, чтобы помочь всем, кто столкнется с этой проблемой

ContentView.swift 

struct MapTypeSelect {
    var title: String
    var map: MKMapType
}

struct ContentView: View {

    @State private var selectedSegment = 0
    @State private var mapSelect = [MapTypeSelect(title: "Standard", map: .standard), MapTypeSelect(title: "Satellite", map: .satellite), MapTypeSelect(title: "Hybrid", map: .hybrid)]


    var body: some View {

    VStack {
        HStack {
            Picker(selection: $selectedSegment, label: EmptyView()) {
                ForEach(0 ..< mapSelect.count) {
                    Text(self.mapSelect[$0].title).tag($0)
                }
            }.pickerStyle(SegmentedPickerStyle())

        }
            MapView(mapType: mapSelect[selectedSegment].map)
                    .edgesIgnoringSafeArea(.all)
        }
    }
}

MapView.swift 

struct MapView: UIViewRepresentable {

    var mapType: MKMapType


    let map = MKMapView(frame: .zero)


    func makeCoordinator() -> MapViewCoordinator {
        MapViewCoordinator(self)
    }

    func makeUIView(context: Context) -> MKMapView{


        map.mapType = mapType
        map.showsScale = true
        map.showsTraffic = true
        map.showsCompass = true
        map.showsUserLocation = true
        map.showsBuildings = true


        let center = CLLocationCoordinate2D(latitude: -33.3208, longitude: 151.2336)
        let region = MKCoordinateRegion(center: center, latitudinalMeters: 55000, longitudinalMeters: 55000)

        map.setCameraBoundary(
          MKMapView.CameraBoundary(coordinateRegion: region),
          animated: true)

        let zoomRange = MKMapView.CameraZoomRange(maxCenterCoordinateDistance: 200000)
        map.setCameraZoomRange(zoomRange, animated: true)
        map.region = region

        map.register(
            ArtworkView.self,
        forAnnotationViewWithReuseIdentifier:
          MKMapViewDefaultAnnotationViewReuseIdentifier)

        loadInitialData()
        map.addAnnotations(artworks)

        return map
    }

    func updateUIView(_ view: MKMapView, context: Context){

        view.delegate = context.coordinator
        view.addAnnotations(artworks)
        view.mapType = self.mapType

    }
}
...