美文网首页
Swift - UIScrollView 循环滚动(2)

Swift - UIScrollView 循环滚动(2)

作者: S大偉 | 来源:发表于2018-10-29 16:00 被阅读7次

大家好,这篇文章和UIScrollView 循环滚动 1功能是相通的,但是实现的理念是完全不同的,更适合网络懒加载图片。

【实现原理】

1、当imageCount == 1时

  • 在scrollView中建立一个UIImageView,不显示pageController,同时不支持滚动

2、当imageCount > 1时

  • 在scrollView中建立imageCount + 1 个 UIImageView,显示pageController,pageController 的 page = imageCount
  • 最后一个UIImageView赋值为第一个的值
  • 当滚动到最后一张时,将scrollView的contentOff调到第一张图的位置(0, 0)

【代码】

实现语言swift

import UIKit

class JDFilmstripView: JDView {
    var imageArr: Array<UIImage> = []  {
        didSet {//赋值刷线UI控件  值为UIImage对象
            self.reloadView()
        }
    }
    var imageUrlArr: Array<JDImgUrlTitleModel> = [] {
        didSet {//赋值刷线UI控件  值为Url对象
             self.reloadView()
        }
    }
    
    //是否自动跳转
    var autoShow: Bool = false 
    //当前页面记录
    var currentPage: Int = 0
    //轮播控制时间计时器
    lazy var autoTimer: Timer? = {
        let timer = Timer.scheduledTimer(timeInterval: 3, target: self, selector: #selector(timerAction), userInfo: nil, repeats: true)
        return timer
    }()

    //MARK: - 控件 
    lazy var imageVArr: Array<UIImageView> = {
        var arr: Array<UIImageView> = []
        return arr
    }()
    lazy var scrollview: UIScrollView = {
        let v = UIScrollView()
        v.showsVerticalScrollIndicator = false
        v.showsHorizontalScrollIndicator = false
        v.isPagingEnabled = true
        v.bounces = false
        v.delegate = self
        return v
    }()
    lazy var pageControl: UIPageControl = {
        let pc = UIPageControl()
        pc.isUserInteractionEnabled = false
        pc.pageIndicatorTintColor = UIColor(red: 255/255, green: 255/255, blue: 255/255, alpha: 0.3)
        pc.currentPageIndicatorTintColor = color_nav_red
        return pc
    }()

    override init() {
        super.init()
        self.addSubview(self.scrollview)
        self.addSubview(self.pageControl)
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    override func layoutSubviews() {
        super.layoutSubviews()
        self.scrollview.snp.makeConstraints { (make) in
            make.top.right.bottom.left.equalToSuperview()
        }
        self.pageControl.snp.makeConstraints { (make) in
            make.bottom.left.right.equalToSuperview()
            make.height.equalTo(20.0)
        }
    }
    
    deinit {
        self.autoTimer?.invalidate()
        self.autoTimer = nil
    }
    
    /*
    // Only override draw() if you perform custom drawing.
    // An empty implementation adversely affects performance during animation.
    override func draw(_ rect: CGRect) {
        // Drawing code
    }
    */

}

extension JDFilmstripView {
    func reloadView() {
        for imagev in self.imageVArr {
            imagev.removeFromSuperview()
        }
        self.imageVArr.removeAll()
        
        var count: Int = 0
        if self.imageUrlArr.count > 0 {
            count = self.imageUrlArr.count
        }
        else if self.imageArr.count > 0 {
            count = self.imageArr.count
        }
        
        let w = screen_width
        let h = 160
        self.scrollview.contentSize = CGSize(width: w * CGFloat(count), height: CGFloat(h))
        
        var term = count
        if term > 0  {
            term = count + 1
        }
        for i in 0..<term {
            let imageV = UIImageView.init()
            imageV.backgroundColor = UIColor.red
            imageV.frame = CGRect(x: CGFloat(i) * w, y: 0, width: w, height: CGFloat(h))
            
            if self.imageUrlArr.count > 0 {
                if i == term - 1 {
                    imageV.sd_setImage(with: URL(string:self.imageUrlArr[0].img) , placeholderImage: UIImage(named: "banner"))
                }
                else {
                    imageV.sd_setImage(with: URL(string:self.imageUrlArr[i].img) , placeholderImage: UIImage(named: "banner"))
                }
            }
            else if self.imageArr.count > 0 {
                if i == term - 1 {
                    imageV.image = self.imageArr[0]
                }
                else {
                    imageV.image = self.imageArr[i]
                }
            }
            self.imageVArr.append(imageV)
            self.scrollview.addSubview(imageV)
        }
        
        self.currentPage = 0
        self.pageControl.numberOfPages = count
        self.pageControl.currentPage = 0
        if count > 1 {
            self.pageControl.isHidden = false
            self.scrollview.isScrollEnabled = true
        }
        else {
            self.pageControl.isHidden = true
            self.scrollview.isScrollEnabled = false
        }
        
        if self.autoShow && count > 1{
            self.startTimer()
        } else {
            self.stopTimer()
        }
    }
    
    @objc func startTimer() {
        if self.autoShow {
            self.autoTimer?.fireDate = Date.distantPast
        }
    }
    
    func stopTimer() {
        if self.autoShow {
            self.autoTimer?.fireDate = Date.distantFuture
        }
    }
    
    
    func endScrollMethod(_ ratio: CGFloat) {
        if ratio <= 0.7 {
            if self.currentPage - 1 < 0 {
                self.currentPage = self.imageArr.count - 1
            } else {
                self.currentPage -= 1
            }
        }
        if ratio >= 1.3 {
            if self.currentPage == self.imageArr.count - 1 {
                self.currentPage = 0
            }
            else {
                self.currentPage += 1
            }
        }
        self.startTimer()
    }
    
    @objc func timerAction() {
        var count: Int = 0
        if self.imageUrlArr.count > 0 {
            count = self.imageUrlArr.count
        }
        
        else if self.imageArr.count > 0 {
            count = self.imageArr.count
        }
        let w = screen_width

        
        self.currentPage = self.currentPage + 1
        if self.currentPage == count {
            UIView.animate(withDuration: 0.5, animations: {
                self.scrollview.contentOffset = CGPoint(x: w * CGFloat(self.currentPage), y: 0)
            }) { (ok) in
                if ok {
                    self.scrollview.contentOffset = CGPoint(x: 0, y: 0)
                }
            }
            self.currentPage = 0
        }
        else {
            UIView.animate(withDuration: 0.5) {
                self.scrollview.contentOffset = CGPoint(x: w * CGFloat(self.currentPage), y: 0)
            }
        }
        self.pageControl.currentPage = self.currentPage
    }
}

extension JDFilmstripView: UIScrollViewDelegate {
    func scrollViewWillBeginDragging(_ scrollView: UIScrollView) {
        self.autoTimer?.invalidate()
        self.autoTimer = nil
    }
    
    func scrollViewDidEndDragging(_ scrollView: UIScrollView, willDecelerate decelerate: Bool) {
        let ratio = scrollView.contentOffset.x/screen_width
        self.currentPage = Int(ratio)
        self.pageControl.currentPage = self.currentPage
        self.autoTimer = Timer.scheduledTimer(timeInterval: 3, target: self, selector: #selector(timerAction), userInfo: nil, repeats: true)
//        DispatchQueue.main.asyncAfter(deadline: DispatchTime.now() + 1) {
//            self.startTimer()
//        }
    }
    
    func scrollViewDidEndDecelerating(_ scrollView: UIScrollView) {
        let ratio = scrollView.contentOffset.x/screen_width
        self.currentPage = Int(ratio)
        self.pageControl.currentPage = self.currentPage
    }
}

【JDView】

import UIKit
import SnapKit

class JDView: UIView {
    init() {
        super.init(frame:CGRect(x: 0, y: 0, width: 0, height: 0))
        self.backgroundColor = UIColor.white
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    /*
    // Only override draw() if you perform custom drawing.
    // An empty implementation adversely affects performance during animation.
    override func draw(_ rect: CGRect) {
        // Drawing code
    }
    */

}

相关文章

网友评论

      本文标题:Swift - UIScrollView 循环滚动(2)

      本文链接:https://www.haomeiwen.com/subject/tuibtqtx.html