SwiftUI高手之路:View组件复用List分页Generics

时间 2020-02-01

标签 swiftui 高手之路 view 组件 list 分页 generics 繁體版

原文原文链接

SwiftUI高级之View组件复用List分页Generics

写了80余篇SwiftUI相关的文章，总算对SwiftUI有初步了解。因而想本身是否可以也写个开源项目，让本身代码也能够复用。

目标

实现针对不一样数据结构的自动分页
可以自定义界面效果

实现路径

须要用到Swift语言的高级特性Generics(范型)。Generics能够让咱们的项目变得灵活，避免重复编写相同的代码，并以清晰抽象的方式提供代码表达力。数据结构

遇到问题

1. 如何经过参数给范型初始化

U.init(item: item.getShowDict())

U是一个范型，经过协议实现了init，经过where明确了U是个Viewide

1. 协议如何用范型

protocol PageModelProtocal:Identifiable{
    associatedtype T
    static func row_page() ->[T]
    // 获取下一页
    var id:UUID { get set }
    var name:String { get set }
    func next() ->[T]
    func getShowDict() ->[String:Any]
}

能够用associatedtype来解决spa

代码实现

让主页面代码变得简洁

import SwiftUI

struct ContentView: View {
    var body: some View {
         ListPageViewG<Author,AuthorPageRow2>()
       // ListPageViewG<Author,AuthorPageRow>()
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

咱们经过范型ListPageViewG能够自由控制显示数据结构和效果code

struct ListPageViewG<T:PageModelProtocal,U:PageRowProtocal>: View  where U:View

例如设置一下基础效果blog

struct ListPageViewG<T:PageModelProtocal,U:PageRowProtocal>: View  where U:View

还能够设置一下复杂效果教程

ListPageViewG<Author,AuthorPageRow2>()

Generics制做分页List

List页面

struct ListPageViewG<T:PageModelProtocal,U:PageRowProtocal>: View  where U:View{
    var pageMgr:PageMgrG<T> = PageMgrG<T>()
    @State var items:[T] = []
    @State  var isLoading: Bool = false
    @State  var page: Int = 0
    
    init() {
        _items = State(initialValue: pageMgr.next())
        
    }
    
    var body: some View {
        List(items){ item in
            //self.pageRow
            VStack{
                U.init(item: item.getShowDict())
            }.onAppear {
                // self.myInit()
                self.listItemAppears(item)
            }
            
            
        }
    }
    
}

设置协议

protocol PageRowProtocal {
    
    var item:[String:Any] { get set }
    init(item:[String:Any])
}

protocol PageModelProtocal:Identifiable{
    associatedtype T
    static func row_page() ->[T]
    // 获取下一页
    var id:UUID { get set }
    var name:String { get set }
    func next() ->[T]
    func getShowDict() ->[String:Any]
}
class PageMgrG<T:PageModelProtocal>:NSObject{
    var page = 0
    var pageSize = 0
    
    func next() -> [T]{
        return   T.row_page() as! [T]
    }
   
}

数据实例化

// 遵照协议的struct
struct Author:PageModelProtocal {
    var id = UUID()
    var name = ""
    
    func getShowDict() ->[String:Any]{
        return ["id":id,"name":name]
    }
    func next() -> [Self] {
        return  Author.row_page()
    }
    static func row_page() ->[Self]{
        return [
            Author(name:"tom"),
            Author(name:"jack"),
            Author(name:"mary")
        ]
    }
}

界面实例化

import SwiftUI

struct AuthorPageRow: View ,PageRowProtocal{
    var item:[String:Any]
    var body: some View {
        Text("\(item["id"] as! UUID) \(item["name"] as! String)")
    }
}

struct AuthorPageRow2: View ,PageRowProtocal{
    var item:[String:Any]
    var body: some View {
        CircleText(name: item["name"] as! String)
        
    }
}