SwiftUI实战之Page左右分页滑动

humiaor

已于 2024-09-18 18:13:31 修改

阅读量154

点赞数

文章标签： swiftui ios swift SwiftUI分页 SwiftUI左右分页 SwiftUI TabPage

于 2024-09-18 17:57:05 首次发布

本文链接：https://blog.csdn.net/humiaor/article/details/142339572

版权

先看下要实现的效果

Scrollview高级用法，实现分页滚动

实现方案：

一、定义页面struct

struct PageContent : Identifiable,Hashable,Equatable{
    static func == (lhs: PageContent, rhs: PageContent) -> Bool {
        return lhs.id == rhs.id
    }
    
    var hashValue: Int { return id.hashValue }
    
    func hash(into hasher: inout Hasher){ }
    
    var id : UUID = UUID()
    var title : String
    var isSelect : Bool = false
    var view : AnyView
    

    mutating func updateSelect(_ select : Bool) {
        self.isSelect = select
    }
}

二、定义ViewModel的Class

class HDHomeBottomViewModel : ObservableObject {
    @Published var pages = [PageContent]()
}

三、制作分布社图Struct

struct PagerView : View {
    @State private var index: Int = 0
    @State private var offset: CGFloat = 0
    @State private var tabOffset : CGFloat = 0
    @StateObject var vm = HDHomeBottomViewModel()
    private var pages : [PageContent]
    
    init(pages : [PageContent],selectIndex : Int) {
        self.pages = pages