swift3 循环滚动视图 自适应横竖屏 reload数据源

最新推荐文章于 2021-06-24 17:39:30 发布
最新推荐文章于 2021-06-24 17:39:30 发布
阅读量130 收藏
点赞数
原文链接：http://www.cnblogs.com/zuidap/p/5923912.html
版权

 一句话创建banner图，可时时刷新

用到了 SnapKit、SDWebImage两个第三方库

实现步骤----------------------------------------------------

import UIKit

typealias BtnBlock = (Int) -> Void

//ImagesBlock

typealias ImagesBlock = () -> [String]

 

class CycleView: UIView,UIScrollViewDelegate {

    

    //MARK: - 私有属性

    private var btnBlock:BtnBlock?  //block

    private var imageBlock:ImagesBlock?

    

    private var scrollView: UIScrollView?

    private var pageControl: UIPageControl?

    private var images:[UIImage]?

    private var imageStrs:[String]?

    private var timer: Timer?

    private var currentPage = 0 {

        didSet {

            pageControl?.currentPage = currentPage

            resetImageViewSource()

        }

    }

    //MARK: - 给外部调用的属性

    var rollingTime: TimeInterval = 2.0   //滚动一页的时间

    var rollingEnable: Bool = false {             //是否自动滚动

        willSet {

            if newValue != rollingEnable {

                if newValue {

                    startTimer()

                } else {

                    stopTimer()

                }

            }

        }

    }

    //MARK: -  刷新数据

    public func reloadCyc(){

        imageStrs = imageBlock?()

        pageControl?.numberOfPages = (imageStrs?.count)!

        

        if imageStrs?.count != 0{

            currentPage = 0

            if imageStrs?.count == 1{

                stopTimer()

                scrollView?.isScrollEnabled = false

            }else{

                startTimer()

                scrollView?.isScrollEnabled = true

            }

        }else{

            stopTimer()

            scrollView?.isScrollEnabled = false

            for i in 0..<3 {

                let img = scrollView?.subviews[i] as! UIImageView

                img.image = nil

            }

        }

        

    }

    //MAKR:- 暴露创建对象方法

    /// 获取到一个滚动视图

    ///

    /// - parameter imageSourceBlock: image数据block

    /// - parameter btnBlk:           scroview点击block

    ///

    /// - returns: CycleView对象

    static func showCycView(imageSourceBlock:ImagesBlock?,btnBlk:BtnBlock?) -> CycleView {

        let cycView = CycleView()

        cycView.showCycView(imageSourceBlock: imageSourceBlock, btnBlk: btnBlk)

        return cycView

    }

    //私有对象方法

   private func showCycView(imageSourceBlock:ImagesBlock?,btnBlk:BtnBlock?) -> Void{

        imageBlock = imageSourceBlock

        btnBlock = btnBlk

        setUI()

        self.reloadCyc()

        startTimer()

    }

    //创建UI

    private func setUI(){

        scrollView = UIScrollView()

        self.addSubview(scrollView!)

        scrollView?.backgroundColor = UIColor.gray

        scrollView?.snp.makeConstraints({ (make) in

            make.top.left.bottom.right.equalToSuperview()

        })

        

        scrollView?.showsHorizontalScrollIndicator = false

        scrollView?.showsVerticalScrollIndicator = false

        scrollView?.isPagingEnabled = true

        scrollView?.bounces = false

        scrollView?.delegate = self

        

        scrollView?.addSubview(UIImageView())

        scrollView?.addSubview(UIImageView())

        scrollView?.addSubview(UIImageView())

        

        let tap = UITapGestureRecognizer(target: self, action: #selector(self.tapAction))

        scrollView?.addGestureRecognizer(tap)

        

        pageControl?.isEnabled = false

        pageControl = UIPageControl()

        pageControl?.currentPage = 0

        pageControl?.isUserInteractionEnabled = false

        pageControl?.currentPageIndicatorTintColor = UIColor.green

        pageControl?.pageIndicatorTintColor = UIColor.gray

        self.addSubview(pageControl!)

        pageControl?.snp.makeConstraints({ (make) in

            make.left.equalToSuperview().offset(10)

            make.right.equalToSuperview().offset(-10)

            make.bottom.equalToSuperview().offset(-20)

            make.height.equalTo(30)

        })

    }

    //MARK:- 自动滚动

    //开始滚动

    private func startTimer() {

        if timer==nil {

            timer = Timer.scheduledTimer(timeInterval: rollingTime, target: self, selector: #selector(scrollForTime(time:)), userInfo: nil, repeats: true)

        }

    }

    //停止滚动

    private func stopTimer() {

        if(timer != nil){

        timer!.invalidate()

        timer = nil

        }

    }

    //滚动事件

    func scrollForTime(time:Timer) -> Void {

        scrollView?.setContentOffset(CGPoint(x: self.frame.size.width * 2, y: 0), animated: true)

    }

    

    //MARK:- 适配scroview及image

    override func layoutSubviews() {

        super.layoutSubviews()

        

        scrollView?.contentSize = CGSize(width: self.frame.size.width * 3, height: self.frame.size.height)

        scrollView?.setContentOffset(CGPoint(x: self.frame.size.width * 2, y: 0), animated: false)

        

        for i in 0..<3 {

            let img = scrollView?.subviews[i] as! UIImageView

            img.contentMode = .scaleAspectFit

            img.clipsToBounds = true

            img.frame = CGRect(x: CGFloat(i) * (scrollView?.frame.size.width)!, y: 0, width: (scrollView?.frame.size.width)!, height: (scrollView?.frame.size.height)!)

        }

    }

    

    //MARK:-每当滚动后重新设置各个imageView的图片

    func resetImageViewSource() {

        let placeholderImage = UIImage(named: "placeholder.png")

        

        let leftImageView = scrollView?.subviews[0] as! UIImageView

        let middleImageView = scrollView?.subviews[1] as! UIImageView

        let rightImageView = scrollView?.subviews[2] as! UIImageView

        //当前显示的是第一张图片

        if currentPage == 0 {

            

            leftImageView.sd_setImage(with: URL.init(string: (imageStrs?.last)!), placeholderImage: placeholderImage)

            

            middleImageView.sd_setImage(with: URL.init(string: (imageStrs?[currentPage])!), placeholderImage: placeholderImage)

            

            let rightImageIndex = (imageStrs?.count)!>1 ? 1 : 0 //保护

            rightImageView.sd_setImage(with: URL.init(string: (imageStrs?[rightImageIndex])!), placeholderImage: placeholderImage)

            

        }//当前显示的是最后一张图片

        else if currentPage == (imageStrs?.count)! - 1 {

            

            leftImageView.sd_setImage(with: URL.init(string: (imageStrs?[currentPage-1])!), placeholderImage: placeholderImage)

            

            middleImageView.sd_setImage(with: URL.init(string: (imageStrs?[currentPage])!), placeholderImage: placeholderImage)

            

            rightImageView.sd_setImage(with: URL.init(string: (imageStrs?[0])!), placeholderImage: placeholderImage)

            

        }//其他情况

        else{

            

            leftImageView.sd_setImage(with: URL.init(string: (imageStrs?[currentPage-1])!), placeholderImage: placeholderImage)

            

            middleImageView.sd_setImage(with: URL.init(string: (imageStrs?[currentPage])!), placeholderImage: placeholderImage)

            

            rightImageView.sd_setImage(with: URL.init(string: (imageStrs?[currentPage+1])!), placeholderImage: placeholderImage)

        }

        

        scrollView?.setContentOffset(CGPoint(x: self.frame.size.width, y: 0), animated: false)

    }

    

    //MARK: - scrollViewDelegate

    //setContentOffset的动画完成后会调用,使currentPage+1

    func scrollViewDidEndScrollingAnimation(_ scrollView: UIScrollView) {

        if imageStrs?.count != 0{

            currentPage = (currentPage+1)%(imageStrs?.count)!

        }

    }

    //拖动scrollView时会停止自动滚动

    func scrollViewWillBeginDragging(_ scrollView: UIScrollView) {

        if rollingEnable {

            stopTimer()

        }

    }

    //停止拖动后会重新开始自动滚动

    func scrollViewDidEndDragging(_ scrollView: UIScrollView, willDecelerate decelerate: Bool) {

        if rollingEnable {

            startTimer()

        }

        scrollView.isScrollEnabled = false

    }

    //拖动scrollView时当减速动画结束时调用

    func scrollViewDidEndDecelerating(_ scrollView: UIScrollView) {

        scrollView.isScrollEnabled = true

        

        if imageStrs?.count != 0{

            if scrollView.contentOffset.x == 0 {                                    //向前滑动

                if currentPage == 0 {

                    currentPage = (imageStrs?.count)!-1

                } else {

                    currentPage -= 1

                }

            } else if scrollView.contentOffset.x == 2 * self.frame.size.width {     //向后滑动

                currentPage = (currentPage+1)%(imageStrs?.count)!

            }

        }

    }

    

    //MARK:- 点击图片回调事件

    func tapAction() {

        if imageStrs?.count != 0{

        btnBlock?(currentPage)

        }

    }

}

 

 

 

 

 

调用方法----------------------

import UIKit

import SnapKit

import SDWebImage

class ViewController: UIViewController {

    var imageStrs = [String]()

    var cyc : CycleView?

    override func viewDidLoad() {

        super.viewDidLoad()

        self.automaticallyAdjustsScrollViewInsets = false

        setUI()

        

    }

    

    func setUI(){

        cyc = CycleView.showCycView(imageSourceBlock: { () -> [String] in

            return self.imageStrs //返回图片url，若要支持本地图片，自行修改

        }) { (tag) in

            print("tag:\(tag)")//图片点击回调

        }

        

        self.view.addSubview(cyc!)

        

        cyc?.rollingTime = 4

        cyc?.snp.makeConstraints { (make) in

            make.left.right.equalToSuperview().offset(0)

            make.top.equalToSuperview().offset(20)

            make.height.equalTo(230)

        }

        

        

        let btn = UIButton(type: UIButtonType.system)

        btn.setTitle("增加image", for: UIControlState.normal)

        self.view.addSubview(btn)

        btn.tag = 1

        

        btn.addTarget(self, action: #selector(btnAction(btn:)), for: UIControlEvents.touchUpInside)

        btn.snp.makeConstraints { (make) in

            make.center.equalToSuperview()

            make.width.equalTo(100)

            make.height.equalTo(30)

        }

        

        let btn2 = UIButton(type: UIButtonType.system)

        btn2.setTitle("减少image", for: UIControlState.normal)

        self.view.addSubview(btn2)

        btn2.tag = 2

        btn2.addTarget(self, action: #selector(btnAction(btn:)), for: UIControlEvents.touchUpInside)

        btn2.snp.makeConstraints { (make) in

            make.centerX.equalTo(btn.snp.centerX)

            make.centerY.equalTo(btn.snp.centerY).offset(100)

            make.width.equalTo(100)

            make.height.equalTo(30)

        }

    }

 

    var count = 0

    func btnAction(btn:UIButton){

        let str1 = "http://d.hiphotos.baidu.com/image/pic/item/f9dcd100baa1cd11c1c35727bb12c8fcc3ce2dbb.jpg"

        let str2 = "http://c.hiphotos.baidu.com/image/pic/item/6c224f4a20a4462323289f659a22720e0df3d7d2.jpg"

        let str3 = "http://d.hiphotos.baidu.com/image/pic/item/7dd98d1001e939014acbb73979ec54e737d196ef.jpg"

        let str4 = "http://i.zeze.com/attachment/forum/201502/09/122834pcd2q5l5dcnd4nqc.jpg"

        let str5 = "http://img0.imgtn.bdimg.com/it/u=2176846966,1717026392&fm=21&gp=0.jpg"

        let str6 = "http://b.hiphotos.baidu.com/zhidao/wh=450,600/sign=457d1fcc2c2eb938ec3872f6e052a903/21a4462309f7905289b85b130ff3d7ca7bcbd573.jpg"

        let str7 = "http://img2.imgtn.bdimg.com/it/u=2553369102,2423460114&fm=21&gp=0.jpg"

        let str8 = "http://img0.imgtn.bdimg.com/it/u=3230797900,10373402&fm=21&gp=0.jpg"

        let str9 = "http://img4.imgtn.bdimg.com/it/u=1432393253,809810063&fm=21&gp=0.jpg"

        

        let arr = [str1,str2,str3,str4,str5,str6,str7,str8,str9]

        

        if btn.tag == 1{

            if count >= arr.count{

                imageStrs.removeAll()

                count = 0;

            }

            imageStrs.append(arr[count])

            cyc?.reloadCyc()

            count += 1

        }else{

            if imageStrs.count != 0{

            imageStrs.removeLast()

            cyc?.reloadCyc()

            count -= 1

            }else{

                count = 0

            }

        }

    }

       override func didReceiveMemoryWarning() {

        super.didReceiveMemoryWarning()

        

    }

}

 

demo下载地址 

 

转载于:https://www.cnblogs.com/zuidap/p/5923912.html

weixin_30716141
关注
iOS Swift3.0实现视频播放横竖屏切换效果
03-12 4075
iOS Swift3.0实现视频播放横竖屏切换效果
SwiftUI视图状态更改使用withAnimation()方法无动画效果的解决
享受开发，颠倒银河
03-14 1786
本文详细介绍了SwiftUI中为什么放在withAnimation()中的状态更改却无法产生动画效果，你值得拥有。
swift-自定义简单的支持横屏竖屏切换的Avplayer
08-15
自定义简单的支持横屏竖屏切换的Avplayer
ios-Swift 支持某个页面横竖屏切换与强制横屏.zip
07-11
支持某个页面横竖屏切换与强制横屏 github: https://github.com/xingtianwuganqi/LandscapeDemo 简书：https://www.jianshu.com/p/908a4d0083f2 https://xingtianwuganqi.github.io/ 觉得有用的同学点个star
swift-Swift支持某个页面横竖屏与强制横屏
08-15
Swift 支持某个页面横竖屏与强制横屏
swift-这是一个iOS中播放器横竖屏切换的demo
08-15
这是一个iOS中播放器横竖屏切换的demo
Swift 使用SnapKit实现 UICollectionViewCell 高度自适应
Super灬LV
12-19 7228
问题在我们的日常开发中，经常会使用到UICollectionViewCell、UITableViewCell的自适应。解决方案之前的MVC开发中，使用SnapKit 处理UICollectionViewCell 高度自适应的问题后，一直想抽时间整理一下，下面就用部分的代码，解释一下 我这边处理的思路。Controller// // TaskVC.swift // BossClient // //
移动端（vue）横竖屏签名
qq_32538087的博客
03-16 4611
第一次接触这个移动端签名，知道用canvas但是canvas不精通。所以canvas的代码是找的别人的，本来想附上之前的链接的但是找不到了，抱歉。 你能点进来说明你目前也被这个问题困扰着，我以我个人的理解说一下思路。 大家都会怎么去签名，但是问题就在横屏和竖屏的问题上。 1、先写好横屏和视屏的样式（横屏的时候正常布局就行，不用竖着布局，只是页面的宽高变化了，样式上不会有太大的影响的），2、用...
js - js+css实现横竖屏变换自动使用不同样式
yuuuuchang的博客
01-14 4105
今晚我在写一个页面,要求是在用户旋转屏幕的时候应用不同的样式,让网页更好地表现内容.难点不在于根据横竖屏来设置不同的样式,而是在于在用户旋转屏幕之后需要刷新一下才能应用新的样式,这样贼麻烦. 因此今晚搞了两个小时,终于实现在旋转屏幕的时候自动切换样式了 首先,我写的这个页面在dom加载完成后会获取当前屏幕的宽度进行计算rem. 也就是说,如果用户第一次打开这个网页是竖着看的...
pyecharts自适应,跟随屏幕大小变化大屏显示
weixin_42262769的博客
06-24 8582
pyecharts 自适应屏幕显示 问题： 当pyecharts生成多图片在HTML中，希望其跟随屏幕大小显示，以适应不同尺寸屏幕。提高用户体验。 避免由于排版问题，造成视觉影响。 为此我们主要通过修改pyecharts render配置文件macro/simple_chart.html即可完成显示效果。 ...
swift-CAShapelayerUIBezierPath)绘制K线支撑横竖屏切换刷新masonry适
08-15
CAShapelayer UIBezierPath)绘制K线支撑横竖屏切换、刷新、masonry适配，完美支持金融产品 非常的流畅，占用内存少，使用矢量进行填充K线。通过宏自定义K线，让你随心所欲定义K线高度，宽度，主图、幅图占比。
Swift 部分页面横屏
02-19
支持部分页面横屏，部分页面竖屏，一个方法就可以实现切换。基于 Swift 4.0 实现，导入项目就可以使用了
纯代码横竖屏适配
01-20
这是一个Demo， 用纯代码实现iPad的横竖屏的实现，欢迎下载！
Swift3-如何保证强制进入横屏模式
李明的博客
08-20 1928
在Info.plist中去掉下面的两项 在Target里面去掉 Portrait项
iOS scrollview不能滑动的几个原因及解决方法
热门推荐
TaidyPanda的专栏
01-05 1万+
最常见的原因是 :contentSize 这个属性，比uiscrollview的frame要小, 无需滚动, 自然就滚动不了。 scrollenabled 这个属性，标识着是否允许滚动，要言设成yes 另外还有一些比较隐蔽的原因:如果这个scrollView是在IB里面生成的话,还得手动设置它的contentSize,并且不能在initWithNibName:bundle:里面设置,因为:The
swift 如何实现上下滚动视图
qq_43213352的博客
10-28 2080
大发生的发生的
Swift日常开发随笔
weixin_33957648的博客
04-10 208
1、修改UISearchBar的搜索框底色 使用以下代码： setSearchFieldBackgroundImage(CommonUseClass._sharedManager.imageFromColor(color: .white, viewSize: CGSize(width: self.bounds.size.width, height: self.bounds.size.hei...
iOS8开发技术（Swift版）：屏幕适配
04-19
本课程介绍了iOS屏幕适配的各种技术，基于Swift语音实现，如各种分辨率、AutoLayout、SizeClass等。
【java毕业设计】应急救援物资管理系统源码（springboot+vue+mysql+说明文档）.zip
最新发布
11-06
项目经过测试均可完美运行！ 环境说明： 开发语言：java jdk：jdk1.8 数据库：mysql 5.7+ 数据库工具：Navicat11+ 管理工具：maven 开发工具：idea/eclipse
s3c2440a系统sdram代码加载与重载方法
资源摘要信息:"010_013_006.zip文件中包含了与s3c2440a-reload项目的相关文件，该项目旨在将位于NOR Flash或NAND Flash上的全部代码拷贝至SDRAM（Synchronous Dynamic Random Access Memory）中进行运行。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值