Swift 无限轮播

YLCycleView

Swift无限轮播

如何使用?

Demo运行会报错。请你务必对demo进行 pod install

YLCycleView文件夹拖入你的项目

      let images = ["http://c.hiphotos.baidu.com/image/pic/item/b58f8c5494eef01f50d40bbee5fe9925bd317d8c.jpg", "1", "2", "3", "4"]
      let titles = ["Raindew","无限轮播", "QQ群:511860085", "欢迎加入", "帅的人已经Star"]
      let cycleView = YLCycleView(frame: CGRect(x: 0, y: 100, width: self.view.bounds.width, height: 150), images: images, titles: titles)
      view.addSubview(cycleView)

你可以在把本地图片名称直接放进数组里,也可以放一个URL
为了方便网络图片,我做了这样一个处理,但是同时我需要麻烦你在项目中引入Kingfisher 这个三方

如果你想获取点击事件请设置代理并且遵守它!最后实现代理方法。如果你不需要,忽略它。

   cycleView.delegate = self;
   func  clickedCycleView(_ cycleView : YLCycleView, selectedIndex index: Int) {
      print("点击了第\(index)页")
  }

大多数而言,这个滚动视图都是有一个title的。当然如果你不需要直接这样创建视图:

      let cycleView = YLCycleView(frame: CGRect(x: 0, y: 100, width: self.view.bounds.width, height: 150), images: images)

想要更新数据?

  // MARK: -- reload
    func reload() {
        cycleView.titles = []//可以为空。可以为nil-->此时隐藏标题
        cycleView.images = ["1", "2", "3"]//不要为空,否则没图片了
        //请务必刷新!
        cycleView.reloadData()
    }

重要提醒:如果你使用了导航,那么你必须在使用控制器中设置滚动偏移,复制下面一行代码到你的控制器中

 self.automaticallyAdjustsScrollViewInsets = false

效果图

image

YLMenuView

如何使用?


//类方法创建
      let menuView = YLMenuView.ylMenuView()
      menuView.frame = CGRect(x: 10, y: 320, width: self.view.bounds.width - 20, height: 250)
      menuView.delegate = self
      //你可以给一个URL也可以给一个本地图片
      menuView.imageArray = ["http://tx.haiqq.com/uploads/allimg/150322/021422Lb-10.jpg",
                             "http://img.wzfzl.cn/uploads/allimg/150522/co150522214536-15.jpg",
                             "http://img.wzfzl.cn/uploads/allimg/150119/co150119220K2-18.jpg",
                             "http://uploads.xuexila.com/allimg/1608/704-160Q5100Z6.jpg",
                             "http://tx.haiqq.com/uploads/allimg/150326/1P4511163-9.jpg",
                             "http://tx.haiqq.com/uploads/allimg/150323/15135032M-1.jpg",
                             "http://img.wzfzl.cn/uploads/allimg/150522/co150522214536-15.jpg",
                             "http://img.wzfzl.cn/uploads/allimg/150119/co150119220K2-18.jpg",
                             "http://uploads.xuexila.com/allimg/1608/704-160Q5100Z6.jpg",
                             "http://tx.haiqq.com/uploads/allimg/150326/1P4511163-9.jpg",
                             "http://tx.haiqq.com/uploads/allimg/150323/15135032M-1.jpg",
                             "http://tx.haiqq.com/uploads/allimg/150323/15135032M-1.jpg",
                             "1"
      ]
      menuView.titleArray = ["http", "2345", "345", "uploads", "2345", "allimg", "34545", "uploads", "345", "http", "uploads", "uploads", "uploads"]
      //                menuView.itemsOfPage = 6
      //        menuView.imageViewSize = CGSize(width: 60, height: 60)
      //        menuView.pageControl.pageIndicatorTintColor = .white
      //        menuView.pageControl.currentPageIndicatorTintColor = .darkGray
      view.addSubview(menuView)

MenuView.gif

YLSinglerowView

如何使用?


      let singlerView = YLSinglerowView(frame: CGRect(x: 50, y: 350, width: 200, height: 30), scrollStyle: .up, roundTime: 5, contentSource: ["这是一条重大新闻","吃货节到了钱包准备好了吗","独家福利来就送!"], tagSource: ["新闻", "吃货节", "福利"])
      singlerView.delegate = self
      //更多公开属性自行查找
      //        singlerView.backColor = .darkGray
      //        singlerView.contentTextColor = .purple
      //        singlerView.tagBackgroundColors = [.white,.yellow,.cyan]
      //        singlerView.tagTextColors = [.red,.blue,.black]

      view.addSubview(singlerView)

重要提醒:如果你使用了导航,那么你必须在使用控制器中设置滚动偏移,复制下面一行代码到你的控制器中

 self.automaticallyAdjustsScrollViewInsets = false

点击跳转代理

    //MARK: -- YLSinglerViewDelegate
    func singlerView(_ singlerowView: YLSinglerowView, selectedIndex index: Int) {
        print("点击了第\(index)个数据")
    }

效果scrollStyle: .up(上下左右皆可滚动)

image

如果scrollStyle: .left

image

如果你希望设置更多属性,例如字体背景颜色等。打开上面代码注释

image

项目下载地址
iOS技术交流群:511860085 欢迎加入!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,198评论 4 61
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,868评论 18 139
  • 轮播图和无限自动轮播图实现起来都非常简单,实现效果如下: 主要实现功能分页,定时切换,滑动到最后一页之后自动滑动到...
    FlyElephant阅读 371评论 0 2
  • <前言> 我出生在湘南边陲的一个普通的小村庄。 那里依山傍水,后山绵延的松林和村前一大片稻田使这个小小的村庄看上去...
    梦中de安娜阅读 602评论 3 6
  • JavaScript的数组是JavaScript原生的唯一的复杂数据结构,这点有点类似于php。(JSON是一种轻...
    一口咖啡一口茶阅读 426评论 3 3