Swift轮播图的实现(持续更新)

作者: 石头剪刀布艳艳 | 来源:发表于2016-07-24 23:21 被阅读223次

1.懒加载scrollview

//懒加载scrollview
    lazy var scrollView:UIScrollView = {
        let tempScrollView = UIScrollView(frame: CGRectMake(0,0,UIScreen.mainScreen().bounds.size.width,150))
        tempScrollView.contentSize = CGSizeMake(6 * screenWidth,150)
        tempScrollView.pagingEnabled = true
        tempScrollView.delegate = self
        tempScrollView.bounces = false
        tempScrollView.showsHorizontalScrollIndicator = false
        return tempScrollView
    }()```
2.通过网络数据请求的数据给轮播图加载图片

private func addScrollView() {
NetWorkTool.shareNetWorkTool.httpRequest(.GET, urlString: Macro.homePageHeaderURL, parameter: nil) {(respondeData, error) -> () in

        guard let receiveObject = respondeData else{
            print("轮播图error\(error)")
            return
        }
        
        var imageArray = [String]()
        for dict in receiveObject["pic"] as! [[String:AnyObject]]{
            imageArray.append(dict["randpic_iphone6"]! as! String)
        }
        //轮播图,最后一张作为假图,跟第0张一模一样
        //0 1 2 3 4 0
        imageArray.append(imageArray[0])
        //            遍历数组创建UIImageView并且添加到scrollView上面
        for (index,value) in imageArray.enumerate(){
            let imageView = UIImageView(frame: CGRectMake(CGFloat(index)*screenWidth, 0, screenWidth, 150))
            imageView.sd_setImageWithURL(NSURL(string: value))
            self.scrollView.addSubview(imageView)
        }
        
        self.tableView.tableHeaderView = self.scrollView
    }
}
3.设置一个定时器,和定时器触发的方法
    NSTimer.scheduledTimerWithTimeInterval(3.5, target: self, selector:"turnToNext", userInfo: nil, repeats: true)
4.定时器触发的方法,是图片实现轮播
func turnToNext(){
    let index = scrollView.contentOffset.x/screenWidth
    scrollView.setContentOffset(CGPointMake((index+1)*screenWidth, 0), animated: true)
}

相关文章

  • Swift轮播图的实现(持续更新)

    1.懒加载scrollview private func addScrollView() {NetWorkTool...

  • Swift轮播图

    最近在学习swift,就用swift实现轮播图来练习一下 轮播图的创建有两种方式: 显然使用collectionV...

  • 使用UICollectionView实现的swift轮播图FYS

    使用UICollectionView实现的swift轮播图FYSliderView 带有动画效果的pageCont...

  • swift第三方控件

    iOS开发:Swift实现的轮播图、无限循环视图控件CYCircularScrollView CycleScrol...

  • swift 4.0 轮播图

    swift 轮播图 1.0 自定义轮播View CarouselMap

  • Swift 轮播图实现

    实现基础:UIScrollView+Timer,效果图如下: 带底部解释文字 不带文字可以自行控制indicato...

  • Swift实现轮播图

    CCAutoScrollView主要实现思想是让用户可自定义需要展示的轮播图,更好的满足用户的需求 GitHub ...

  • SwiftUI实战-轮播图

    无限轮播图 相关源码:ContentView.swift CustomLoopView.swift

  • 轮播图心得

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

  • 初学Swift(一)实现循环轮播图

    刚刚开始学习Swift,尝试着写一下大家最常用的轮播图。这里说一下最简单的实现原理: 假设我们轮播图有3张,命名:...

网友评论

    本文标题:Swift轮播图的实现(持续更新)

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