UICollectionView在Swift3.0中的用法

UICollectionView的初始化跟OC中是相似的,创建 GameView 集成自 UICollectionView 。注意不同于UITableView的用法,他需要用 UICollectionViewFlowLayout 来指定一些需要设置的属性,或者可以通过遵守

UICollectionViewDelegateFlowLayout 这个代理来实现。下面我用设置属性的方式来实现的,比较方便。

        //布局
layout.scrollDirection = .vertical//滑动方向 这个就是默认是纵向滑动
layout.itemSize = CGSize(width: width, height: width)//item的size
layout.sectionInset = UIEdgeInsets(top: 5, left: 5, bottom: 5, right: 5)//section距上下左右的数据
layout.minimumLineSpacing = CGFloat(integerLiteral: 5)//如果是纵向滑动的话即行间距,如果是横向滑动则为列间距
layout.minimumInteritemSpacing = CGFloat(integerLiteral: 5)//如果是纵向滑动的话即列间距,如果是横向滑动则为行间距
layout.headerReferenceSize = CGSize(width: maiSrc.width, height: 30)//设置headerView的size
layout.footerReferenceSize = CGSize(width: maiSrc.width, height: 30)//设置footerView的size

下边直接贴出整个的源码 ,调用就异常简单了 :

   override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view, typically from a nib.
self.view.backgroundColor = UIColor.white() let game = GameView.init(frame: CGRect(x: 0, y: 20, width: maiSrc.width, height: maiSrc.height - 20))
self.view.addSubview(game) }

源码 :

//
// GameView.swift
// CharacterGame
//
// Created by 江南花印孓 on 2016/6/28.
// Copyright © 2016年 恒江. All rights reserved.
// import UIKit let identifier = "identifier"
let headerIdentifier = "headerIdentifier"
let footerIdentifier = "footerIdentifier" class GameView: UICollectionView ,UICollectionViewDelegate ,UICollectionViewDataSource ,UICollectionViewDataSourcePrefetching{ internal var num = 6
internal var items = 196
var source = [Int]() //MARK:---------这里是一个 init 初始化标记
init(frame:CGRect) {
//TODO: -----int 初始化方法 里边要做的事情----
let layout = UICollectionViewFlowLayout.init()//通过Layout的一些属性把对应数据设置好,则不用再实现对应函数
let leftWidth = maiSrc.width - CGFloat(integerLiteral: ( num + 1 ) * 5)
let width = leftWidth / CGFloat(integerLiteral: num)
for i in 1...items {
source.append(i)
}
//FIXME: 问题一 : 除了使用layout属性设置还可以用什么方法来实现?
//布局
layout.scrollDirection = .vertical//滑动方向 这个就是默认是纵向滑动
layout.itemSize = CGSize(width: width, height: width)//item的size
layout.sectionInset = UIEdgeInsets(top: 5, left: 5, bottom: 5, right: 5)//section距上下左右的数据
layout.minimumLineSpacing = CGFloat(integerLiteral: 5)//如果是纵向滑动的话即行间距,如果是横向滑动则为列间距
layout.minimumInteritemSpacing = CGFloat(integerLiteral: 5)//如果是纵向滑动的话即列间距,如果是横向滑动则为行间距
layout.headerReferenceSize = CGSize(width: maiSrc.width, height: 30)//设置headerView的size
layout.footerReferenceSize = CGSize(width: maiSrc.width, height: 30)//设置footerView的size //FIXME: 注意这个父类 init 方法写在这里了
super.init(frame: frame, collectionViewLayout: layout) //初始化
self.backgroundColor = UIColor.white()
self.delegate = self
self.dataSource = self
self.prefetchDataSource = self;//这个协议对应 UICollectionViewDataSourcePrefetching 是 10.0 以后新加的两个方法,下面介绍
self.isPrefetchingEnabled = true//允许实现 UICollectionViewDataSourcePrefetching 这个协议 10.0 后新加的
self.allowsMultipleSelection = true//允许多选
self.showsVerticalScrollIndicator = false //右侧那条上下滑动的线 //这三个方法可以看底层说明,讲的很详细
self.register(singleCell.self, forCellWithReuseIdentifier: identifier)
self.register(headerView.self, forSupplementaryViewOfKind: UICollectionElementKindSectionHeader, withReuseIdentifier: headerIdentifier)
self.register(footerView.self, forSupplementaryViewOfKind: UICollectionElementKindSectionFooter, withReuseIdentifier: footerIdentifier) //FIXME: 一个很实用的系统定义宏 , 用来打印对应object的所有属性信息
dump(self) /*
* 重排手势 UICollectionViewController 里有一个默认为 true 的属性用来设置开启重排手势功能,实现对应的代理函数即可实现对应功能。
* collectionView(_ : , moveItemAt : , to : )
* 这里集成自 UICollectionView ,没有手势,所以需要添加一个 长按手势 。
*/
let longGesture = UILongPressGestureRecognizer.init(target: self, action: #selector(handlelongGesture))
self.addGestureRecognizer(longGesture)
} //MARK: --------------- my action ------------
func handlelongGesture(longGesture:UILongPressGestureRecognizer) -> Void {
switch longGesture.state {
case .began:
//判断手势落点所在 item 的 indexPath 是否在 collectionView 内
let index = self.indexPathForItem(at: longGesture.location(in: self))
if index == nil {
break
}
//如果在,那么就开始移动这个位置上的cell
self.beginInteractiveMovementForItem(at: index!)
break
case .changed:
//当位置发生偏移时调用该函数,判断新的位置是否在 collectionView 以内来决定是放回原位置还是移动到新的位置
self.updateInteractiveMovementTargetPosition(longGesture.location(in: self))
print("on the way")
break
case .ended:
/*
* 接受后调用下边两个函数中的一个通知 collectionView 轨迹交互移动已经结束,把item永久的移动到新位置,同时响应
* collectionView(_ : , moveItemAt : , to : ) 函数 来处理数据源 确保数据源的数据结构没问题
*/
self.endInteractiveMovement()
break
default:
self.cancelInteractiveMovement()
break
}
} //MARK: -------- UICollection View Delegate -------
func collectionView(_ collectionView: UICollectionView, canMoveItemAt indexPath: IndexPath) -> Bool {
return true
} /* 注意:cell重置需要在 UICollectionViewController 里开启一个手势 installsStandardGestureForInteractiveMovement 开关
* 之后由控制器给 collectionView 添加长按手势 LongPressGesture 之后才会走下边的函数
* 单纯的 collectionView 并没有这个手势,所以无法触发这个代理
*/
func collectionView(_ collectionView: UICollectionView, moveItemAt sourceIndexPath: IndexPath, to destinationIndexPath: IndexPath) {
let str = source[sourceIndexPath.item!]
source.remove(at: sourceIndexPath.item!)
source.insert(str, at: destinationIndexPath.item!)
print("this is a test String")
} override func numberOfSections() -> Int {
return 1
} func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
return items
} func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell { let cell = collectionView.dequeueReusableCell(withReuseIdentifier: identifier, for: indexPath) as! singleCell
let index = source[indexPath.item!]
cell.age.text = String.init(index)
cell.backgroundColor = UIColor.red()
return cell
} func collectionView(_ collectionView: UICollectionView, viewForSupplementaryElementOfKind kind: String, at indexPath: IndexPath) -> UICollectionReusableView { /**
* 注意要点
* 1.supplementaryView 的返回类型为 UICollectionReusableView ,不能混淆,Swift里边对于返回值的类型要去很严格。
* 2.UICollectionReusableView 继承自 UIView ,是 UIView 的子类
* 3.kind 分为 footer 和 header 两种,区分开来
* 4.kind 和 identifier 要对应起来,因为是两个不同的 reuse identifier
*/
if kind == UICollectionElementKindSectionHeader {
let header = collectionView.dequeueReusableSupplementaryView(ofKind: kind, withReuseIdentifier: headerIdentifier, for: indexPath) as! headerView
header.name.text = "测试" return header
}
let footer = collectionView.dequeueReusableSupplementaryView(ofKind: kind, withReuseIdentifier: footerIdentifier, for: indexPath)
return footer
} func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) { let index = indexPath.item! as Int
print("\(index)")
} //MARK: ----------- UICollectionViewDataSourcePrefetching 预取 缓存 -----
/* 获取 ‘预取’ 地址集合 item出现之前的预处理,iOS 10.0以后新加的,不明觉厉。。不知道有什么用
* 目前来看 只能是单纯的提升运行效率 做一下预处理。。。
* 当界面显示不完 item 时 , 类似复用队列一样可以缓存一部分尚未显示出来的 item ,具体缓存多少目前还没搞清楚,
* 貌似跟几何面积有关,单个item越大,缓存的行数越少;相反,item的size越小,缓存的行数越多
*/
func collectionView(_ collectionView: UICollectionView, prefetchItemsAt indexPaths: [IndexPath]) {
//dump(indexPaths)
}
/*
* optional public func collectionView(_ collectionView: UICollectionView, cancelPrefetchingForItemsAt indexPaths: [IndexPath])
* 这个函数的作用看文档说明,个人理解为 已经缓存,事实上却又没有用到,就是没有显示的 item 的子集。
*/ required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
} class headerView: UICollectionReusableView { override init(frame: CGRect) {
super.init(frame: frame) self.addSubview(name)
//单纯的个体案例 用不到三方框架 用 VFL 适配
self.addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "H:|-0-[name]-0-|",
options: [],
metrics: nil,
views: ["name":name])) self.addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:|-0-[name]-0-|",
options: [],
metrics: nil,
views: ["name" : name ]))
self.backgroundColor = UIColor.orange()
} //懒加载
lazy var name: UILabel = {
let name = UILabel.init()//2098
name.translatesAutoresizingMaskIntoConstraints = false
name.backgroundColor = UIColor.red()//
name.textAlignment = .center
name.textColor = UIColor.white()
return name
}() required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
} class footerView: UICollectionReusableView {
override init(frame: CGRect) {
super.init(frame: frame) self.backgroundColor = UIColor.green()
} required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
}
class singleCell: UICollectionViewCell { override init(frame: CGRect) {
super.init(frame: frame)
self.addSubview(age) self.addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "H:|-[age]-|",
options: [],
metrics: nil,
views: ["age":age])) self.addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:|-[age]-|",
options: [],
metrics: nil,
views: ["age" : age ]))
} lazy var age: UILabel = {
let age = UILabel.init()
age.translatesAutoresizingMaskIntoConstraints = false
age.backgroundColor = UIColor.blue()
age.textAlignment = .center
age.textColor = UIColor.white()
age.text = "0"
return age
}() required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
}

UICollectionView在Swift3.0中的用法的更多相关文章

  1. Swift3.0中关于日期类的使用指引

    日期的处理在大大小小的iOS项目中都十分常见,随着Swift3.0正式版的即将推出,语法的改变让NSDate以及相关类的使用都与之前略有不同,这里将会对基于Swift3.0版本的NSDate及相关类的 ...

  2. swift3.0 中NSNotification 的使用

    swift3.0 有很大变化,其中之一就是NSNotification使用跟原来不一样,以前NSNotification name是String:3.0中定义了一个类型NSNotification.n ...

  3. Swift3.0 中 Strings/Characters 闲聊

    前言 本篇文章主要浅析字符串\字符在 Swift 和 Objective-C 之间的区别及其简单用法.如有不妥的地方还望大家及时帮忙纠正. 字符串判空 在 swift 语言中空字符串初始化方式常用的有 ...

  4. Swift3.0变化分享

    Swift 3.0 做出的改变很大,在这篇文章中,我将尽我所能,利用代码样例给大家解释Swift 3.0最重要(要命)的改变,希望大家能够做好升级Swift 3.0 的准备.Swift 3.0的改变不 ...

  5. swift3.0变化总结

    Swift 3.0 做出的改变很大,在这篇文章中,我将尽我所能,利用代码样例给大家解释Swift 3.0最重要(要命)的改变,希望大家能够做好升级Swift 3.0 的准备.Swift 3.0的改变不 ...

  6. Swift2.3 --> Swift3.0 的变化

    Swift3.0语法变化 首先和大家分享一下学习新语法的技巧: 用Xcode8打开自己的Swift2.3的项目,选择Edit->Convert->To Current Swift Synt ...

  7. Swift3.0都有哪些变化

    从写第一篇Swift文章的时候到现在Swift已经从1.2发展到了今天的3.0,这期间由于Swift目前还在发展阶段并不能向下兼容,因此第一篇文章中的部分代码在当前的Xcode环境中已经无法运行.在W ...

  8. iOS 日期处理 (Swift3.0 NSDate)

    处理日期的常见情景 NSDate -> String & String -> NSDate 日期比较 日期计算(基于参考日期 +/- 一定时间) 计算日期间的差异 拆解NSDate ...

  9. Swift3.0语法变化

    写在前面 首先和大家分享一下学习新语法的技巧:用Xcode8打开自己的Swift2.3的项目,选择Edit->Convert->To Current Swift Syntax- 让Xcod ...

随机推荐

  1. poj2105---用指针对数组分块操作

    #include <stdio.h> #include <stdlib.h> ; int pow1(int a,int b) { ,i; ) ; ;i<b;i++) { ...

  2. Codeforces Round #277.5 (Div. 2)-D

    题意:求该死的菱形数目.直接枚举两端的点.平均意义每一个点连接20条边,用邻接表暴力计算中间节点数目,那么中间节点任选两个与两端可组成的菱形数目有r*(r-1)/2. 代码: #include< ...

  3. 初探swift语言的学习笔记(闭包 - 匿名函数或block块代码)

    很多高级语言都支持匿名函数操作,在OC中的block也为大家所熟悉,然面在swift里好像是被重新作了一个定义,不叫匿名函数,或 block了,而叫闭包(closure).下面配合代码来理解一下swi ...

  4. 设计模式之---模板方法template method的使用

    在面向对象系统的分析与设计过程中经常会遇到这样一种情况:对于某一个业务逻辑(算法实现)在不同的对象中有不同的细节实现,但是逻辑(算法)的框架(或通用的应用算法)是相同的.Template Method ...

  5. windows下安装tern for vim

    操作系统:windows8.1 64位 vim:gvim7.4   1.下载tern for vim,去官网直接下载,连接好像都是到github上(https://github.com/marijnh ...

  6. sql语句中特殊函数的用法

    1.concat CONCAT(字串1, 字串2, 字串3, ...): 将字串1.字串2.字串3,等字串连在一起. 例如: Geography 表格 region_name     store_na ...

  7. [工具] XMind

    XMind是一款非常实用的思维导图软件, 高效易用的可视化思维软件; 通过XMind可以随时开展头脑风暴, 帮助人们快速理清思路, XMind可绘制的思维导图, 鱼骨图, 二维图, 树形图, 逻辑图, ...

  8. [C#参考]利用Socket连续发送数据

    这个例子只是一个简单的连续发送数据,接收数据的DEMO.因为最近做一个项目,要求robot连续的通过Socket传回自己的当前的位置坐标,然后客户端接收到坐标信息,在本地绘制地图,实时显示robot的 ...

  9. Spring——AOP(面向切面编程)@AspectJ注解方式

    一.什么是AOP? AOP: (Aspect Oriented Programming)即面向切面编程. 试想这样的场景:项目中需要在业务方法执行完打印日志记录.最笨的办法就是在每个方法核心业务执行完 ...

  10. ASPから広がり

    ASP是动态服务器页面(Active Server Page)外语缩写.[1]是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互,是一种简单.方便的编程工具.ASP的网页文 ...