当前位置: 首页 > 编程笔记 >

Swift使用CollectionView实现广告栏滑动效果

陆弘光
2023-03-14
本文向大家介绍Swift使用CollectionView实现广告栏滑动效果,包括了Swift使用CollectionView实现广告栏滑动效果的使用技巧和注意事项,需要的朋友参考一下

本文实例为大家分享了Swift实现广告栏滑动效果的具体代码,供大家参考,具体内容如下

创建一个类:PlayCollectionViewController.swift

//cell重用标识
private let reuseIdentifier = "reuseIdentifier"
class PlayCollectionViewController: UICollectionViewController {

 //页面个数
 private let pageCount = 6
 //布局对象(自定义布局)
 private var layout: UICollectionViewFlowLayout = PlayLayout()

 init() {
  super.init(collectionViewLayout: layout)
 }

 required init?(coder aDecoder: NSCoder) {
  fatalError("init(coder:) has not been implemented")
 }

 override func viewDidLoad() {
  super.viewDidLoad()

  //注册cell
  collectionView?.registerClass(NewfearureCell.self, forCellWithReuseIdentifier: reuseIdentifier)
 }

 //MARK: - UICollectionDataSource
 override func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
  return pageCount
 }

 override func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {

  let cell = collectionView.dequeueReusableCellWithReuseIdentifier(reuseIdentifier, forIndexPath: indexPath) as! NewfearureCell
  cell.imageIndex = indexPath.item
  return cell
 }
}

自定义CollectionView的cell

//MARK: - 在这里我们依然在(PlayCollectionViewController.swift的文件中)自定义collectionViewCell
class NewfearureCell: UICollectionViewCell {

 //保存图片索引
 private var imageIndex:Int? {
  didSet {
   //根据页码创建图片名字(需要每张图片的名称只有最有最有一个数不同)
   iconView.image = UIImage(named: "image_\(imageIndex!)")
  }
 }

 override init(frame: CGRect) {
  super.init(frame: frame)

  //初始化UI
  setupUI()
 }
 required init?(coder aDecoder: NSCoder) {
  fatalError("init(coder:) has not been implemented")
 }

 private func setupUI() {

  //添加子控件到contentView
  contentView.addSubview(iconView)
  //布局子控件位置(填充屏幕)
  iconView.xmg_Fill(contentView)
 }

 //MARK: 懒加载
 private lazy var iconView = UIImageView()
}

继承UICollectionViewFlowLayout,自定义布局

private class PlayLayout: UICollectionViewFlowLayout {

 //重写系统准备布局的方法
 override func prepareLayout() {

  //设置layout布局
  itemSize = UIScreen.mainScreen().bounds.size
  minimumInteritemSpacing = 0
  minimumLineSpacing = 0
  scrollDirection = UICollectionViewScrollDirection.Horizontal

  //设置其他属性
  collectionView?.showsHorizontalScrollIndicator = false
  collectionView?.bounces = false
  collectionView?.pagingEnabled = true
 }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍jQuery实现广告条滚动效果,包括了jQuery实现广告条滚动效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了jQuery实现广告条滚动效果的具体代码,供大家参考,具体内容如下 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍Android使用Scroller实现弹性滑动效果,包括了Android使用Scroller实现弹性滑动效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Android使用Scroller实现弹性滑动展示的具体代码,供大家参考,具体内容如下 scrollTo、scrollBy View内部为了实现滑动提供了这两个方法,但是使用这两个方法滑动的效果是瞬间的不够平滑,如何

  • 本文向大家介绍基于javascript实现右下角浮动广告效果,包括了基于javascript实现右下角浮动广告效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了基于javascript实现右下角浮动广告效果,供大家参考,具体内容如下 效果图: 具体代码: 希望本文所述对大家学习javascript程序设计有所帮助。

  • 本文向大家介绍JavaScript实现滑动门效果,包括了JavaScript实现滑动门效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了JavaScript实现滑动门效果的具体代码,供大家参考,具体内容如下 一、什么是滑动门 首先你要了解什么是滑动门。 生活中我们经常看到一些网站或是商城有一些滑动门的效果 那么怎么实现一个简单的滑动门的网页特效呢?下面简单分享一下方法, 二、实现滑

  • 本文向大家介绍javascript实现多栏闭合展开式广告位菜单效果实例,包括了javascript实现多栏闭合展开式广告位菜单效果实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript实现多栏闭合展开式广告位菜单效果。分享给大家供大家参考。具体如下: 从操作方式上来说,有似曾相识的感觉,有点手风琴菜单的味道,像一个折叠面板,用JavaScript和CSS结合来实现,虽然不

  • 本文向大家介绍Android 知乎广告效果实现代码,包括了Android 知乎广告效果实现代码的使用技巧和注意事项,需要的朋友参考一下 知乎的广告效果一直想写,无奈最近才有时间。 先看效果: 肯定要自定义view了,一个类似imageView的控件,还要给它一个值用来指定广告图片的显示位置。 问题: 1.图片如何在范围内(单个item范围)上下移动,如窗户一般,后面的图是可以动的,但是窗户是固定的