服务器之家

服务器之家 > 正文

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

时间:2021-01-13 16:50     来源/作者:Stevin的技术博客

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

创建一个类:PlayCollectionViewController.swift

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
//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

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
//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,自定义布局

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
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
 }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。

原文链接:https://blog.csdn.net/weixin_34354945/article/details/87150895

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
Intellij idea2020永久破解,亲测可用!!!
Intellij idea2020永久破解,亲测可用!!! 2020-07-29
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
歪歪漫画vip账号共享2020_yy漫画免费账号密码共享
歪歪漫画vip账号共享2020_yy漫画免费账号密码共享 2020-04-07
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
返回顶部