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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章