swift中UIScrollView的使用(结合pageControl,timer计时的使用)

github学习地址:https://github.com/potato512/SYSwiftLearning

效果图


关键源码

func setUI()
{
        self.setScrollViewUI()
        self.setPageControlUI()
}
func setScrollViewUI()
{
        self.mainScrollView = UIScrollView(frame: CGRectMake(0.0, 0.0, CGRectGetWidth(self.view.bounds), 200.0))
        
        // 添加到父视图
        self.view.addSubview(self.mainScrollView)
        
        // 添加子视图label
        var originX:CGFloat = 0.0
        for number in 1...10
        {
            let label = UILabel(frame: CGRectMake(originX, 0.0, CGRectGetWidth(self.mainScrollView.bounds), CGRectGetHeight(self.mainScrollView.bounds)))
            self.mainScrollView.addSubview(label)
            label.backgroundColor = UIColor(red: CGFloat(CGFloat(random()) / CGFloat(RAND_MAX)), green: CGFloat(CGFloat(random()) / CGFloat(RAND_MAX)), blue: CGFloat(CGFloat(random()) / CGFloat(RAND_MAX)), alpha: 1.0)
            label.textAlignment = .Center
            label.text = String(format: "scrollView add 第 %ld 个 label", arguments: [number]);
            
            originX = (CGRectGetMinX(label.frame) + CGRectGetWidth(label.frame))
        }
        
        // 背景颜色
        self.mainScrollView.backgroundColor = UIColor(red: CGFloat(CGFloat(random()) / CGFloat(RAND_MAX)), green: CGFloat(CGFloat(random()) / CGFloat(RAND_MAX)), blue: CGFloat(CGFloat(random()) / CGFloat(RAND_MAX)), alpha: 1.0)
        // 自适应父视图
        // self.mainScrollView.autoresizingMask = UIViewAutoresizing.FlexibleHeight
        // 其他属性
        self.mainScrollView.scrollEnabled = true // 可以上下滚动
        self.mainScrollView.scrollsToTop = true // 点击状态栏时,可以滚动回顶端
        self.mainScrollView.bounces = true // 在最顶端或最底端时,仍然可以滚动,且释放后有动画返回效果
        mainScrollView.pagingEnabled = true // 分页显示效果
        mainScrollView.showsHorizontalScrollIndicator = true // 显示水平滚动条
        mainScrollView.showsVerticalScrollIndicator = true // 显示垂直滚动条
        mainScrollView.indicatorStyle = UIScrollViewIndicatorStyle.White // 滑动条的样式
        // 设置内容大小
        self.mainScrollView.contentSize = CGSizeMake(originX, 200.0)
        
        // 代理
        self.mainScrollView.delegate = self
}
func setPageControlUI()
{
        self.mainPageControl = UIPageControl(frame: CGRectMake((CGRectGetWidth(self.view.bounds) - 200.0) / 2, (CGRectGetHeight(self.mainScrollView.bounds) - 20.0 - 10.0), 200.0, 20.0))
        // 添加到父视图
        self.view.addSubview(self.mainPageControl)
        // 背景颜色
        self.mainPageControl.backgroundColor = UIColor.lightGrayColor()
        
        // 其他属性设置
        self.mainPageControl.numberOfPages = 10 // 总页数
        self.mainPageControl.currentPage = 0 // 当前页数,默认为0,即第一个,实际数量是0~n-1
        self.mainPageControl.pageIndicatorTintColor = UIColor.yellowColor() // 非当前页颜色
        self.mainPageControl.currentPageIndicatorTintColor = UIColor.redColor() // 当前页颜色
}
// MARK: - UIScrollViewDelegate
    
func scrollViewWillBeginDragging(scrollView: UIScrollView)
{
        print("1 scrollViewWillBeginDragging")
}
    
func scrollViewDidScroll(scrollView: UIScrollView)
{
        print("2 scrollViewDidScroll")
}

func scrollViewWillEndDragging(scrollView: UIScrollView, withVelocity velocity: CGPoint, targetContentOffset: UnsafeMutablePointer<CGPoint>)
{
        print("3 scrollViewWillEndDragging")
}
    
func scrollViewDidEndDragging(scrollView: UIScrollView, willDecelerate decelerate: Bool)
{
        print("4 scrollViewDidEndDragging")
}
    
func scrollViewWillBeginDecelerating(scrollView: UIScrollView)
{
        print("5 scrollViewWillBeginDecelerating")
}

func scrollViewDidEndDecelerating(scrollView: UIScrollView)
{
        print("6 scrollViewDidEndDecelerating")
        
        let width = CGRectGetWidth(scrollView.frame)
        let offsetX = scrollView.contentOffset.x
        let index = offsetX / width
        print("当前页是:\(index)")
        
        self.mainPageControl.currentPage = Int(index)
}
// MARK: - timer周期
    
override func viewWillAppear(animated: Bool) {
        super.viewWillAppear(animated)
        
        self.addTimer()
}
    
override func viewWillDisappear(animated: Bool) {
        super.viewWillDisappear(animated)
        self.removerTimer()
}
// MARK: - timer
    
func addTimer()
{
        self.mainTimer = NSTimer.scheduledTimerWithTimeInterval(1.0, target: self, selector: Selector("autoShow"), userInfo: nil, repeats: true)
    }
    
    func removerTimer()
    {
        if self.mainTimer != nil
        {
            self.mainTimer.invalidate()
            self.mainTimer = nil
        }
}
    
func autoShow()
{
        var page = self.mainPageControl.currentPage
        if 9 == page
        {
            page = 0
        }
        else
        {
            page++
        }
        
        // 设置偏移量
        let offsetX = CGFloat(page) * CGRectGetWidth(self.mainScrollView.frame)
        self.mainScrollView.setContentOffset(CGPointMake(offsetX, 0.0), animated: true)
        self.mainPageControl.currentPage = page
}







  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
最新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
发出的红包

打赏作者

番薯大佬

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值