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

分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
查看查看151 回复回复2 收藏收藏 分享淘帖 转播转播 分享分享 微信
查看: 151|回复: 2
收起左侧

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

[复制链接]
广告主 发表于 2016-10-27 21:51:03 | 显示全部楼层 |阅读模式
快来登录
获取优质的苹果资讯内容
收藏热门的iOS等技术干货
拷贝下载Swift Demo源代码
订阅梳理好了的知识点专辑
发完《iOS开屏广告的实现技巧,含Demo源代码》,再来发《Swift3.0基于CollectionView的轮播广告控件、请接好》。




1、前言

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

效果图如下:

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

Swift3.0基于CollectionView的轮播广告控件、请接好 - 敏捷大拇指 - Swift3.0基于CollectionView的轮播广告控件、请接好





2、使用说明

一切都在代码中。



2.1、创建控件:

[Swift] 纯文本查看 复制代码
    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()
    }




2.2、模拟请求数据:

[Swift] 纯文本查看 复制代码
    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
    }




2.3、点击事件代理回调:

[Swift] 纯文本查看 复制代码
extension ViewController: YWCycleViewDelegate {
    func cycleViewDidSelected(cycleView: YWCycleView, selectedIndex: NSInteger) {
        print("打印了\(selectedIndex)")
    }
}




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




3、结语

只是展示如何使用的代码,有兴趣的同学欢迎去我的github下载相对应的代码Demo,如果觉得还行,可以放在以后项目中使用。如果代码哪里有问题,欢迎指教~~~~


ps:因为时间关系,很多属性来不及封装,我会在有时间的时候,多封装几种样式的,最后奉上Demo地址:


游客,如果您要查看本帖隐藏内容请回复



都看到这里了,就把这篇资料推荐给您的好朋友吧,让他们也感受一下。

回帖是一种美德,也是对楼主发帖的尊重和支持。

*声明:敏捷大拇指是全球最大的Swift开发者社区、苹果粉丝家园、智能移动门户,所载内容仅限于传递更多最新信息,并不意味赞同其观点或证实其描述;内容仅供参考,并非绝对正确的建议。本站不对上述信息的真实性、合法性、完整性做出保证;转载请注明来源并加上本站链接,敏捷大拇指将保留所有法律权益。如有疑问或建议,邮件至marketing@swifthumb.com

*联系:微信公众平台:“swifthumb” / 腾讯微博:@swifthumb / 新浪微博:@swifthumb / 官方QQ一群:343549891(满) / 官方QQ二群:245285613 ,需要报上用户名才会被同意进群,请先注册敏捷大拇指

嗯,不错!期待更多好内容,支持一把:
支持敏捷大拇指,用支付宝支付10.24元 支持敏捷大拇指,用微信支付10.24元

评分

参与人数 1金钱 +10 贡献 +10 专家分 +10 收起 理由
Anewczs + 10 + 10 + 10 32个赞!专家给力!

查看全部评分

本帖被以下淘专辑推荐:

baddy 发表于 2016-10-28 10:02:50 | 显示全部楼层
回复看看。
不是我教你诈 发表于 2016-10-28 10:34:02 | 显示全部楼层
回复看看。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

做任务,领红包。
我要发帖

分享扩散

都看到这里了,就把这资料推荐给您的好朋友吧,让他们也感受一下。
您的每一位朋友访问此永久链接后,您都将获得相应的金钱积分奖励
热门推荐

合作伙伴

Swift小苹果

  • 北京治世天下科技有限公司
  • ©2014-2016 敏捷大拇指
  • 京ICP备14029482号
  • Powered by Discuz! X3.1 Licensed
  • swifthumb Wechat Code
  •   
快速回复 返回顶部 返回列表