美文网首页技术Swift开发实战iOS专题资源__UI专题
Swift3.0基于CollectionView的轮播广告控件、

Swift3.0基于CollectionView的轮播广告控件、

作者: vvkeep | 来源:发表于2016-10-27 13:18 被阅读1004次

    前言

    公司新项目采用Swift3.0开发,以前自己用的是OC 封装的,现在用不了,从github上拉下来的好像不行,都是以前老版本的,还要自己做版本提升,索性自己封装一个轮播,很多的轮播实现都是基于ScrollView水平添加多个ImageView实现,个人觉的不是很好,因为如果要播放的轮播图太多的话,这种方法会导致一次性创建多个ImageView,占用内存,所以推荐CollectionView。效果图如下:

    TextKitDemo1.gif

    使用说明

    一切都在代码中,创建控件

        lazy var tableView = UITableView()
        lazy var modelMArr = [YWCycleModel]()
        var cycleView : YWCycleView?
        override func viewDidLoad() {
            super.viewDidLoad()
            tableView.frame = view.bounds
            tableView.delegate = self
            tableView.dataSource = self
            view.addSubview(tableView)
            tableView.register(UITableViewCell.self, forCellReuseIdentifier: "cell")
            
            cycleView = YWCycleView(frame: CGRect(x: 0, y: 0, width: view.bounds.width, height: 250))
            guard let cycleView = cycleView else {
                return
            }
            cycleView.delegate = self
            tableView.tableHeaderView = cycleView
            requestData()
        }
        
    

    模拟请求数据:

        func requestData() {
            let tempArr = [["title":"中国奥运军团三金回顾","imageUrl":"http://pic33.nipic.com/20130916/3420027_192919547000_2.jpg"],
                           ["title":"《封神传奇》进世界电影特效榜单?山寨的!","imageUrl":"http://imgstore.cdn.sogou.com/app/a/100540002/503008.png"],
                           ["title":"奥运男子4x100自由泳接力 菲尔普斯","imageUrl":"http://i1.hexunimg.cn/2014-08-15/167580248.jpg"],
                           ["title":"顶住丢金压力 孙杨晋级200自决赛","imageUrl":"http://pic6.huitu.com/res/20130116/84481_20130116142820494200_1.jpg"]];
            for dic in tempArr {
                let model = YWCycleModel()
                model.imageStr = dic["imageUrl"]
                model.title = dic["title"]
                modelMArr.append(model)
            }
            guard let cycleView = cycleView else {
                return
            }
            cycleView.dataArr = modelMArr
        }
    

    点击事件代理回调:

    extension ViewController: YWCycleViewDelegate {
        func cycleViewDidSelected(cycleView: YWCycleView, selectedIndex: NSInteger) {
            print("打印了\(selectedIndex)")
        }
    } 
    

    这样一个轮播模块就完成了

    结语

    只是展示如何使用的代码,有兴趣的同学欢迎去我的github下载相对应的代码Demo,如果觉得还行,可以放在以后项目中使用。如果代码哪里有问题,欢迎指教~~~~
    ps:因为时间关系,很多属性来不及封装,我会在有时间的时候,多封装几种样式的,最后奉上Demo地址:https://github.com/iosyaowei/YWCycleViewDemo

    相关文章

      网友评论

      • 王不饿呀:代码写的真漂亮~
      • 星期五__:我觉得用scrollview做轮播图的方法都有点耗内存,我自己的方法是用两个ImageView不断调整位置,
        有点类似workrange的想法,用UIViewPropertyAnimator,做滚动动画,比scrollview的方法省不少内存,多耗费一些计算量
      • 羊驼先生丶:用scrollview实现只需要2-3个imageview就可以了。并不存在轮播较多创建多个imageview。不过lz的collectionview实现也是不错的。:blush:
      • alston_tsao:modelMArr, imageStr, dataArr...這命名風格,似乎不太符合Apple慣用的naming style
        vvkeep:@alston_tsao 看你这评论、也不是大陆惯用的naming style
      • 魔法黛:以前oc的可以直接在swift里用!
        vvkeep:恩。这个轮播图,我是准备长期维护,以后项目我就用这个的,准备明天把SD换掉,用swift写一个
        魔法黛:@iOS巍 我觉得你还是用oc的好一些。当然有时间自己写最好不过,没时间还是用oc,一来swift版本的好的第三方不多,二来有些拿过来用还要去自己升级维护,自讨没趣
        vvkeep:@魔法黛我晓的、我意思是、除了指定的几个oc三方、其他的都要用swift写、
      • Mr_LiTong:有没有解决循环滚动和自动滚动
        vvkeep:@拿铁代码 可能是我录的图片、误导了你,轮播是自动循环播放的、你可以手动滑动、也可以让它自动滑动、
        拿铁代码:@iOS巍 他说的自动滚动可能是在没有用手指滑动的时候的自动播放
        vvkeep:@Mr_LiTong 轮播图、本来就是循环滚动和自动滚动的啊:sweat:
      • d80c89a0af81:为什么还用sd。。。
        vvkeep:@love_1984 公司项目里用了、所以我就直接用了~

      本文标题:Swift3.0基于CollectionView的轮播广告控件、

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