swift 广告轮播图
2024-10-20 11:36:20
import UIKit
import Kingfisher class BannerView: UIView,UIScrollViewDelegate{ enum ImageType{
case Image //本地图片
case URL //URL
} //图片水平放置到scrollView上
private var scrollView:UIScrollView = UIScrollView()
//小圆点标识
private var pageControl:UIPageControl = UIPageControl() private var center_image:UIImageView = UIImageView()
private var first_image:UIImageView = UIImageView()
private var second_image:UIImageView = UIImageView()
//图片集合
private var images:Array<String> = []
private var type:ImageType = .Image private var width:CGFloat = 0
private var height:CGFloat = 0 private var currIndex = 0
private var clickBlock :(Int)->Void = {index in} private var timer:Timer? // 默认自动播放 设置为false只能手动滑动
var isAuto = true
// 轮播间隔时间 默认4秒可以自己修改
var interval:Double = 4 override func layoutSubviews() {
super.layoutSubviews()
// self.initLayout()
} public func setImages(images:Array<String>,type:ImageType = .Image,imageClickBlock:@escaping (Int) -> Void) {
self.type = type
self.images = images
self.clickBlock = imageClickBlock
self.initLayout()
} private func initLayout(){
if(self.images.count == 0){
return
} width = frame.size.width
height = frame.size.height scrollView.frame = self.bounds
scrollView.contentSize = CGSize(width:width * CGFloat(3),height:height)
scrollView.contentOffset = CGPoint(x:width,y:0)
scrollView.isUserInteractionEnabled = true
scrollView.isPagingEnabled = true
scrollView.showsHorizontalScrollIndicator = false
scrollView.delegate = self
addSubview(scrollView) first_image.frame = CGRect(x:0,y:0,width:width,height:height)
first_image.contentMode = .scaleAspectFill
first_image.isUserInteractionEnabled = true
scrollView.addSubview(first_image) center_image.frame = CGRect(x:width,y:0,width:width,height:height)
center_image.contentMode = .scaleAspectFill
center_image.isUserInteractionEnabled = true
scrollView.addSubview(center_image) second_image.frame = CGRect(x:width * 2.0,y:0,width:width,height:height)
second_image.contentMode = .scaleAspectFill
second_image.isUserInteractionEnabled = true
scrollView.addSubview(second_image) pageControl.center = CGPoint(x:width/2,y:height - CGFloat(15))
pageControl.isEnabled = true
pageControl.numberOfPages = images.count
pageControl.currentPageIndicatorTintColor = UIColor.green
pageControl.pageIndicatorTintColor = UIColor.gray
pageControl.isUserInteractionEnabled = false
addSubview(pageControl) //当前显示的只有 center_image 其他两个只是用来增加滑动时效果而已,不需要添加点击事件
addTapGesWithImage(image: center_image)
if(isAuto){
openTimer()
}
setCurrent(currIndex: 0)
} func setCurrent(currIndex:Int) {
self.currIndex = currIndex if(type == .Image){
center_image.image = UIImage.init(named:images[currIndex])
first_image.image = UIImage.init(named:images[(currIndex - 1 + images.count) % images.count])
second_image.image = UIImage.init(named:images[(currIndex + 1) % images.count])
}else{
center_image.setMyImage(URL: NSURL(string: images[currIndex]))
first_image.setMyImage(URL: NSURL(string: images[(currIndex - 1 + images.count) % images.count]))
second_image.setMyImage(URL: NSURL(string: images[(currIndex + 1) % images.count]))
}
center_image.tag = currIndex
pageControl.currentPage = currIndex
scrollView.setContentOffset(CGPoint(x:width,y:0), animated: false)
} //给图片添加点击手势
private func addTapGesWithImage(image:UIImageView) {
let tap = UITapGestureRecognizer(target: self, action: #selector(tap(_:)))
image.isUserInteractionEnabled = true //让控件可以触发交互事件
image.contentMode = .scaleAspectFill
image.clipsToBounds = true //超出父控件的部分不显示
image.addGestureRecognizer(tap)
} //点击图片,调用block
@objc func tap(_ ges:UITapGestureRecognizer) {
clickBlock((ges.view?.tag)!)
} func scrollViewDidScroll(_ scrollView: UIScrollView) { } func scrollViewWillBeginDragging(_ scrollView: UIScrollView) {
closeTimer()
} func scrollViewDidEndDragging(_ scrollView: UIScrollView, willDecelerate decelerate: Bool) {
openTimer()
} func scrollViewDidEndDecelerating(_ scrollView: UIScrollView) {
if(scrollView.contentOffset.x > 0){
currIndex = (currIndex + 1) % images.count
}else{
currIndex = (currIndex - 1 + images.count) % images.count
}
setCurrent(currIndex: currIndex)
} func openTimer(){
if(isAuto){
if(timer == nil){
timer = Timer.scheduledTimer(timeInterval: interval, target: self, selector: #selector(startAutoScroll), userInfo: nil, repeats: true)
} }
} func closeTimer(){
if(timer != nil){
timer?.invalidate()
timer = nil
}
} @objc func startAutoScroll(){
if(isDisplayInScreen()){
setCurrent(currIndex: (currIndex + 1) % images.count)
}
} func isDisplayInScreen() -> Bool{
if(self.window == nil){
return false
}
return true
} } extension UIImageView{
// Kingfisher的覆盖 好处:1.不用所有界面都去导入 2.如果KingfisherAPI更新或者更换图片加载库可以更方便一些,保持方法名和第一个参数不变,修改一下就能达到目的,比如修改为使用SDWebImage
public func setMyImage(URL: NSURL?,placeholderImage: Image? = nil,
optionsInfo: KingfisherOptionsInfo? = nil,
progressBlock: DownloadProgressBlock? = nil,
completionHandler: CompletionHandler? = nil){
kf.setImage(with: URL as? Resource,
placeholder: placeholderImage,
options: optionsInfo,
progressBlock: progressBlock,
completionHandler: completionHandler)
}
}
使用方法
@IBOutlet weak var bannerView: BannerView!
bannerView.setImages(images: ["ad01.jpg","ad02.jpg","ad03.jpg","ad04.jpg"]){ (index) in
print(index)
}
最新文章
- 在网站开发中很有用的8个 jQuery 效果【附源码】
- 如何用Apache POI操作Excel文件-----如何在已有的Excel文件中插入一行新的数据?
- SQL Server2005中使用XML-数据类型、查询与修改
- 建立名称server
- iOS开发笔记系列-基础5(分类和协议)
- Open vSwitch源码阅读【转】及自己的理解【稍后更新】
- iOS NSInvocation的学习
- codecomb 2086【滑板鞋】
- cornerstone the working copy is locked due to a previous文件lock解决办法
- js学习笔记1
- 1.Office 365系列(-)
- iOS开发之Run Loop
- python核心数据结构之字典
- 分而治之(Work Breakdown Structure, WBS)
- JavaScript split()函数
- 【Flask】 网站的用户管理
- 使用Owin的WebApi,并分离Controllers
- python3 set(集合)
- MySQL卸载安装8.0.*
- ROS 多台计算机联网控制机器人
热门文章
- 【css学习整理】浮动,清除
- django 自定义日志配置
- ASM认证与口令文件
- 浏览器关闭或刷新事件--window.onbeforeunload
- JAVA基础知识 String s = new String(";ABC";) VS String s = ";abc";
- DataWindow.Net V2.5原始文件下载
- Runtime.getRuntime()
- ie8兼容rgba的方法
- Process 启动参数问题
- 《精通Spring4.X企业应用开发实战》读后感第一章