SwiftUI实战-轮播图

SwiftUI实战系列

本章内容

无限轮播图

轮播图.gif

相关源码：
ContentView.swift

import SwiftUI

struct ContentView: View {
    
    @State var imagesName = ["12345", "67891"]
    @State var images = ["12345", "67891"]
    @State var currentIndex: Int = 0
    
    var body: some View {
        VStack {
            
            ZStack(alignment: .bottom) {
                CustomLoopView.init(urls: images, currentIndex: $currentIndex)
                
                HStack(alignment: .center, spacing: 6) {
                  ForEach(0..<imagesName.count, id:\.self ) { index in
                    let isCurrentIndex = index == currentIndex
                    Color(isCurrentIndex ? .systemBlue : .white).cornerRadius(2).frame(width: isCurrentIndex ? 10 : 4, height: 4)
                  }
                }
                .frame(height: 20)
            }
            Spacer()
        }.onAppear {
            images = [imagesName.last!] + images + [imagesName.first!]
        }
    }
}

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

CustomLoopView.swift

SwiftUI实战-轮播图

SwiftUI实战系列

本章内容

推荐阅读更多精彩内容