swift 设置图片定时手势轮播,scrollview及修改pageControl按钮颜色

首先: 设置使用UIScrollViewDelegate代理协议

其次需要初始化全局变量:

var picArray = [String]()   //图片数量
    let scrollview = UIScrollView()
    let pageControl = UIPageControl()
    var timer = NSTimer()

再次: 设定scrollview 与pageControl 的frame :

接着,循环图片,添加到scrollview中:

for(var i=0;i<self.picArray.count;i++){
                            //show pic scroll
                            let imageVc = UIImageView()
                            let imageX = CGFloat(i*400)
                            imageVc.frame = CGRectMake(imageX, 0, 400, 400)
                            imageVc.image = UIImage(named:picArray[i])
                            self.scrollview.showsHorizontalScrollIndicator = false
                            self.scrollview.addSubview(imageVc)
                         }

再接着设置样式:

self.scrollview.contentSize = CGSizeMake(CGFloat(400*self.picArray.count), 0)
                        self.scrollview.pagingEnabled = true
                        self.scrollview.delegate = self
                        self.mainView.addSubview(self.scrollview)
                        self.pageControl.frame = CGRectMake(270+31, 370+50, 130, 20)
                        self.pageControl.currentPageIndicatorTintColor = UIColor(rgb: 0x288dcd)
                        self.pageControl.pageIndicatorTintColor = UIColor(rgb: 0xd9d9d9)
                        self.pageControl.currentPage = 0
                        self.pageControl.numberOfPages = self.picArray.count
                        self.mainView.addSubview(self.pageControl)
                        self.addTimer()

然后,写scrollview代理函数:

    func scrollViewDidScroll(scrollView: UIScrollView) {
        let scrollviewW =  scrollView.frame.size.width
        var page = Int((scrollview.contentOffset.x + CGFloat( scrollviewW / 2)) / scrollviewW)
        self.pageControl.currentPage = page
    }
    func scrollViewWillBeginDragging(scrollView: UIScrollView) {
        self.removeTimer()
    }
    func scrollViewDidEndDragging(scrollView: UIScrollView, willDecelerate decelerate: Bool) {
        self.addTimer()
    }

最后增加定时器:

 //开启定时器
    func addTimer(){
        self.timer = NSTimer.scheduledTimerWithTimeInterval(2, target: self, selector: "nextImage", userInfo: nil, repeats: true)
    }
    //关闭定时器
    func removeTimer(){
        self.timer.invalidate()
    }
    func nextImage(){
        var page = Int(self.pageControl.currentPage)
        //println(self.picArray.count)
        if (page == self.picArray.count-1){
            page = 0
        }else{
            page = page+1
        }
        self.scrollview.contentOffset = CGPointMake(CGFloat(page)*self.scrollview.frame.size.width, 0)
    }

 

 

 

参考文章: iOS开发UI篇—UIScrollView控件实现图片轮播

如何使在Swift中使用UIScrollView进行滚动和缩放

转载于:https://www.cnblogs.com/ericjun/p/4322095.html

最新SWIFT 4.0版自定义PageControl,椭圆,空心圆,图片点 刚开始做swift项目,可用资源少而且每个swift版本变化太大,以前的都不能拿来直接用,现在我参考一个object-C的PageControl自己做了一个swift版的, 参考OC资源链接:https://github.com/hackxhj/EllipsePageControl, 非常感谢原作者。 本项目在原OC的功能基础上进行的改进,增加了自定义点的宽度,点的layer,不是当前点的图片等功能 基本能满足大部分的需求,写的很简单,大家一看就懂,欢迎大家使用 由于水平有限,项目中有改进之处忘各位大神给与指点,以求不断完善 本人联系方式:wei287030375@sina.com 如果觉得还可以的话给个star吧,也是对以后进行创作的一种鼓励,谢谢 效果图: image 以下是部分代码: class WEIPageControl: UIControl { var localNumberOfPages = NSInteger()//分页数量 var localCurrentPage = NSInteger()//当前点所在下标 var localPointSize = CGSize()//点的大小 var localPointSpace = CGFloat()//点之间的间距 var localOtherColor = UIColor()//未选中点的颜色 var localCurrentColor = UIColor()//当前点的颜色 var localOtherImage: UIImage?//未选中点的图片 var localCurrentImage: UIImage?//当前点的图片 var localIsSquare = Bool()//是否是方形点 var localCurrentWidthMultiple = CGFloat()//当前选中点宽度与未选中点的宽度的倍数 var localOtherBorderColor: UIColor?//未选中点的layerColor var localOtherBorderWidth: CGFloat?//未选中点的layer宽度 var localCurrentBorderColor: UIColor?//未选中点的layerColor var localCurrentBorderWidth: CGFloat?//未选中点的layer宽度 var clickIndex: ((_ result: NSInteger?) -> ())? 在ViewController中使用 //方形点举例 class ViewController: UIViewController, UIScrollViewDelegate { pageC pageControl3.frame = CGRect.init(x: left, y: scrollView3.frame.maxY, width: width, height: 20) pageControl3.numberOfPages = pageCount//总页数 pageControl3.isSquare = true//设置为方型点 pageControl3.currentWidthMultiple = 2.5//当前点的宽度为其他点的2.5倍 pageControl3.currentColor = UIColor.red pageControl3.otherColor = UIColor.blue pageControl3.pointSize = CGSize.init(width: 14, height: 6)//方点的size pageControl3.clickPoint { (index) in//方点的点击事件 self.scrollView3.setContentOffset(CGPoint.init(x: width * CGFloat(index!), y: 0), animated: true) } self.view.addSubview(pageControl3) 代码用起来就是这么简单,欢迎大家使用, 本项目github地址:https://github.com/wei287030375/WEIPageControl
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值