SwiftUI ListView 10 - ListView 다중선택하기

리스트뷰 항목을 다중선택하여 처리할 경우

1. 편집 버튼을 만들고
2. 편집 버튼을 누르면 다중선택이 나타나며
3. 몇개의 항목을 선택했는지 타이틀로 표시

 

 

 

import SwiftUI

 

 

struct Customer: Identifiable{

    let id = UUID()

    let name : String

}

 

struct ContentView: View {

    

    @State private var customers = [

        Customer(name: "재석"),

        Customer(name: "호동"),

        Customer(name: "명수"),

        Customer(name: "싸이"),

        Customer(name: "하하")

    ]

    

    @State private var selectedCustomerIds = Set<UUID>()

   

    

    var body: some View {

        NavigationView{

            List(customers, selection: $selectedCustomerIds){ customer in

                HStack{

                    Text(customer.name)

                    Spacer()

                }

            }.toolbar{

                EditButton()

            }

            .navigationTitle("\(selectedCustomerIds.count) 개 선택")

        }

    }

}

 

struct ContentView_Previews: PreviewProvider {

    static var previews: some View {

        ContentView()

    }

}