Skip to content

LeiZiKang/ZKBannerSwiftUI

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ZKBannerSwiftUI

使用原生swiftUI实现的自动轮播Banner,版本限制: iOS 14及以上(主要因为SDWebImageSwiftUI库最低兼容IOS14,当然你也可以替换依赖来源来降低版本)

功能

  1. 图片轮播;
  2. 可以实现定时自动轮播;

TODO

  • 自定义视图
  • 更多样式(带指示器)

使用方法

import SwiftUI
import ZKBannerSwiftUI

struct ContentView: View {
    let images = [
         "https://images.unsplash.com/photo-1720048171596-6a7c81662434?q=80&w=2787&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
         "https://img0.baidu.com/it/u=597753977,1250737874&fm=253&fmt=auto&app=120&f=JPEG?w=801&h=500",
         "https://img1.baidu.com/it/u=1795072984,4227544674&fm=253&fmt=auto&app=120&f=JPEG?w=654&h=363",
         "https://i2.hdslb.com/bfs/archive/b4c0c3907e1f64c2de50edb35a7524d3af48e0f8.jpg"
     ]
    @State var autoPlay: Bool = true
    var body: some View {
        VStack {
            ZKBannerView(imageArr: images, autoPlay: $autoPlay)
                .frame(maxWidth: .infinity, alignment: .top)
                .padding()
            
            Toggle("自动轮播", isOn: $autoPlay)
            
            Text("轮播Banner")
                .padding(.top, 20)
            
            Spacer()
            
          
        }
        .padding()
    }
}

灵感来源

【SwiftUI教程之无限自动轮播图-哔哩哔哩】 https://b23.tv/HkX8Oj2

效果

RocketSim_Recording_iPhone_16_Pro_6 3_2024-10-09_21 24 27

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages