轮播图

作者: 时间深巷1 | 来源:发表于2016-11-25 08:45 被阅读0次

import UIKit

let imageCount = 5

//屏幕的宽

let kscreenWidth = UIScreen.main.bounds.size.width

//屏幕的高

let kscreenHeight = UIScreen.main.bounds.size.height

class ViewController: UIViewController,UIScrollViewDelegate {

//定义一个定时器属性

var time:Timer!

lazy var scrollView : UIScrollView = {

let scr = UIScrollView(frame: UIScreen.main.bounds)

scr.contentSize = CGSize(width: CGFloat (imageCount) * kscreenWidth, height: kscreenHeight)

scr.isPagingEnabled = true

for i in 0..<imageCount{

let imageView = UIImageView(frame: CGRect(x: CGFloat(i) * kscreenWidth, y: 0, width: kscreenWidth, height: kscreenHeight))

imageView.image = UIImage(named:"\(i).jpg")

scr.addSubview(imageView)

}

//设置scrollView的偏移量

scr.contentOffset.x = kscreenWidth

//给scr设置代理

scr.delegate = self

return scr

}()

override func viewDidLoad() {

super.viewDidLoad()

// Do any additional setup after loading the view, typically from a nib.

//scrollView添加到父视图

self.view.addSubview(self.scrollView)

//添加定时器

self.time  =  Timer.scheduledTimer(timeInterval: 1.5, target: self, selector: #selector(timeAction), userInfo: nil, repeats: true)

}

//MARK:- 定时器的关联方法

func timeAction()  {

let page = self.scrollView.contentOffset.x / kscreenWidth

if page == 3.0 {

self.scrollView.contentOffset.x = kscreenWidth

}else{

self.scrollView.contentOffset.x += kscreenWidth

}

}

//MARK:- 开始拖拽的代理方法

func scrollViewWillBeginDragging(_ scrollView: UIScrollView) {

//停止定时器的方法

self.time.invalidate()

//销毁定时器

self.time = nil

}

//MARK:- 结束拖拽的代理方法

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

//重新开启定时器

self.time = Timer.scheduledTimer(timeInterval: 1.5, target: self, selector: #selector(timeAction), userInfo: nil, repeats: true)

}

//scrollView减速完成触发的方法

func scrollViewDidEndDecelerating(_ scrollView: UIScrollView) {

let page = scrollView.contentOffset.x / kscreenWidth

if page == CGFloat (imageCount) - 1  {

scrollView.contentOffset.x = kscreenWidth

}else if page == 0{

scrollView.contentOffset.x = CGFloat(imageCount) - 2 * kscreenWidth

}

}

override func didReceiveMemoryWarning() {

super.didReceiveMemoryWarning()

// Dispose of any resources that can be recreated.

}

}

相关文章

  • 无标题文章

    轮播图分为:传统轮播图、间歇轮播图、呼吸轮播图、无缝滚动轮播图等。它们各具特色,各有用处。 1.传统轮播图 第一步...

  • 轮播图

    轮播图分为:传统轮播图、间歇轮播图、呼吸轮播图、无缝滚动轮播图等。 1.传统轮播图 第一步,得到元素 第二步,设置...

  • 现金红包

    每日红包 轮播图 详情图 周末红包 轮播图 详情图 圣诞红包 轮播图 详情图

  • day7_作业

    轮播图1 轮播图2

  • [iOS]定制性强的广告轮播图--SCAdView

    @[无限轮播图] @[3D轮播图] @[广告轮播图] SCAdView Statement If my code ...

  • 普通奖品

    卡西欧小方块 轮播图 详情图 三只松鼠大礼包 轮播图 详情图 天猫精灵 轮播图 详情图 小米蓝牙无线耳机 轮播图 ...

  • 轮播图心得

    轮播图 写轮播图之前我们要认识到几个问题:一、什么是轮播图?二、怎么实现轮播效果?三、轮播图还有什么小功能可以实现...

  • 第五周学习内容

    焦点图轮播特效之原理、焦点图轮播样式之布局、焦点图轮播之箭头切换、焦点图轮播之无限滚动。 js简介、用法、输出。

  • 三种样式的轮播图

    一、100%比例轮播图 HTML代码 CSS样式 js代码 二、手动箭头轮播图 三、简易轮播图

  • 多轮播图的设计

    列表展示多个轮播图 多个轮播图同时显示 多个轮播图不定时进行轮播动画 对应呈现的关系:1个TableView、一个...

网友评论

      本文标题:轮播图

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