SwiftUI 2.0 列表實現Alphabet風格仿通訊錄效果(封裝教程含代碼)

本文價值與收穫

看完本文後，您將能夠作出下面的界面

看完本文您將掌握的技能

• 掌握封裝UITableView技能
• 實現Alphabet風格界面

代碼

1、基礎使用

import UIKit
struct ContentView: View {
    @State var items = ["中國人民銀行","Audi", "Aston Martin","BMW", "Bugatti", "Bentley","Chevrolet", "Cadillac","Dodge","Ferrari", "Ford","Honda","Jaguar","Lamborghini","Mercedes", "Maruti", "Mazda","Nissan","Porsche","Rolls Royce","Toyota","Volkswagen"]
    
    var body: some View {
        VStack{
            AlphabetView(items: self.$items)
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentVie