(swift)UICollectionView方法/属性详解

文章链接 blog.csdn.net/sinat_34194127/article/details/51818975

blog.csdn.net/sinat_34194127/article/details/51818975

1.UICollectionView的常用属性

// 1.设置位置和大小init(frame: CGRect, collectionViewLayout layout: UICollectionViewLayout)

// 2.设置子视图的布局方式varcollectionViewLayout: UICollectionViewLayout

// 3.设置UICollectionView的代理对象unowned(unsafe)vardelegate: UICollectionViewDelegate?

// 4.设置UICollectionView的数据源对象unowned(unsafe)vardataSource: UICollectionViewDataSource?

// 5.设置UICollectionView的背景视图varbackgroundView: UIView?

// 6.设置 UICollectionView 的 Cell 是否可以点击varallowsSelection: Bool

// 7.设置 UICollectionView 的 Cell 是否可以多选varallowsMultipleSelection: Bool

UICollectionViewCell显示的样式

structUICollectionViewScrollPosition : RawOptionSetType {    init(_ rawValue: UInt)    init(rawValue: UInt)

// 1.没有样式staticvarNone: UICollectionViewScrollPosition {get}

// 2.垂直居中显示staticvarCenteredVertically: UICollectionViewScrollPosition {get}

// 3.向下显示staticvarBottom: UICollectionViewScrollPosition {get}

// 4.向左显示staticvarLeft: UICollectionViewScrollPosition {get}

// 5.水平居中显示staticvarCenteredHorizontally: UICollectionViewScrollPosition {get}

// 6.向右显示staticvarRight: UICollectionViewScrollPosition {get} }

2.UICollectionView常用的方法

// 1.设置UICollectionView的注册类, 以及标示符funcregisterClass(cellClass: AnyClass?, forCellWithReuseIdentifier identifier: String)

// 2.设置 UICollectionView的注册Nib, 以及标示符funcregisterNib(nib: UINib?, forCellWithReuseIdentifier identifier: String)

// 3.设置 UICollectionView 的注册类, 以及辅助视图名称, 标示符funcregisterClass(viewClass: AnyClass?, forSupplementaryViewOfKind elementKind: String, withReuseIdentifier identifier: String)

// 4.设置 UICollectionView的注册Nib, 以及辅助视图名称, 标示符funcregisterNib(nib: UINib?, forSupplementaryViewOfKind kind: String, withReuseIdentifier identifier: String)

// 5.设置 UICollectionView 可重用的 Cell 以及所以路径funcdequeueReusableCellWithReuseIdentifier(identifier: String, forIndexPath indexPath: NSIndexPath!)-> AnyObject

// 6.设置 UICollectionView 可重用的的辅视图, 标示符, 以及索引路径funcdequeueReusableSupplementaryViewOfKind(elementKind: String, withReuseIdentifier identifier: String, forIndexPath indexPath: NSIndexPath!)-> AnyObject

// 7.选择 Item 的索引路径funcindexPathsForSelectedItems()->[AnyObject]

// 8.选择 Item 的索引路径, 以及是否使用动画, 显示样式funcselectItemAtIndexPath(indexPath: NSIndexPath?, animated: Bool, scrollPosition: UICollectionViewScrollPosition)

// 9.取消选择 Item 的索引路径, 以及是否使用动画funcdeselectItemAtIndexPath(indexPath: NSIndexPath?, animated: Bool)

// 10.刷新数据funcreloadData()

// 11.设置 UICollectionView 的集合视图布局, 及是否使用动画funcsetCollectionViewLayout(layout: UICollectionViewLayout, animated: Bool)

// 12.设置 UICollectionView 的集合视图布局, 及是否使用动画, 以及完成之后的闭包方法funcsetCollectionViewLayout(layout: UICollectionViewLayout, animated: Bool, completion: ((Bool)-> Void)!)

// 13.设置 UICollectionView 显示多少个 ItemfuncnumberOfSections()-> Int

// 14.设置 UICollectionView 显示多少组 ItemfuncnumberOfItemsInSection(section: Int)-> Int

// 15.设置 UICollectionView 滚动到第几个 Item 的索引路径, 以及显示样式和是否启用动画funcscrollToItemAtIndexPath(indexPath: NSIndexPath, atScrollPosition scrollPosition: UICollectionViewScrollPosition, animated: Bool)

// 16.在 UICollectionView 中插入某个 ItemfuncinsertSections(sections: NSIndexSet)

// 17.在 UICollectionView 中删除某个 ItemfuncdeleteSections(sections: NSIndexSet)

// 16.在 UICollectionView 中刷新某个 ItemfuncreloadSections(sections: NSIndexSet)

// 17.移动 UICollectionView 中某个 Item 到某个位置funcmoveSection(section: Int, toSection newSection: Int)

UICollectionView代理方法

// 1.点击 Item 时调用的方法optional func collectionView(collectionView: UICollectionView, didSelectItemAtIndexPath indexPath:NSIndexPath)

// 2.取消选中 Item 时调用的方法optional func collectionView(collectionView: UICollectionView, didDeselectItemAtIndexPath indexPath:NSIndexPath)

UICollectionView数据源方法

//1.设置UICollectionView有多少个Item    func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int)->Int

//2.设置 UICollectionViewCell 所显示的内容, 以及索引路径    func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath)->UICollectionViewCell

//3.设置 UICollectionView 有多少组 Cell    optional func numberOfSectionsInCollectionView(collectionView: UICollectionView)->Int


UICollectionView的集视图布局方法

//1.该方法是用来设置 UICollectionView 的 Item 尺寸大小    optional func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath)->CGSize

//2.该方法是用来设置 UICollectionView 的 Item 四周的边界    optional func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAtIndex section: Int)->UIEdgeInsets

//3.该方法是用来设置 UICollectionView 的 Item 上下之间的最小间距(如果在自定义UICollectionView中实现了该属性, 那么该方法就会覆盖掉原来的属性)    optional func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAtIndex section: Int)->CGFloat

//4.该方法是用来设置 UICollectionView 的 Item 左右之间的最小间距(如果在自定义UICollectionView中实现了该属性, 那么该方法就会覆盖掉原来的属性)    optional func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAtIndex section: Int)->CGFloat

//5.该方法是用来设置 UICollectionView 的页头尺寸(如果在自定义UICollectionView中实现了该属性, 那么该方法就会覆盖掉原来的属性)    optional func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, referenceSizeForHeaderInSection section: Int)->CGSize

//6.该方法是用来设置 UIcollectionView 的页尾尺寸(如果在自定义UICollectionView中实现了该属性, 那么该方法就会覆盖掉原来的属性)    optional func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, referenceSizeForFooterInSection section: Int)->CGSize

3.代码演示

首先我们要遵守以下协议

classViewController:UIViewController,UICollectionViewDataSource,UICollectionViewDelegate,UICollectionViewDelegateFlowLayout{}

自定义UICollectionView

func myCollectionView() {

// 1.自定义 Item 的FlowLayoutletflowLayout=UICollectionViewFlowLayout()

// 2.设置 Item 的 SizeflowLayout.itemSize=CGSizeMake(90,120)

// 3.设置 Item 的排列方式flowLayout.scrollDirection=UICollectionViewScrollDirection.Vertical

// 4.设置 Item 的四周边距flowLayout.sectionInset=UIEdgeInsetsMake(20,20,20,20)

// 5.设置同一竖中上下相邻的两个 Item 之间的间距flowLayout.minimumLineSpacing=20

// 6.设置同一行中相邻的两个 Item 之间的间距flowLayout.minimumInteritemSpacing=20

// 7.设置UICollectionView 的页头尺寸flowLayout.headerReferenceSize=CGSizeMake(100,50)

// 8.设置 UICollectionView 的页尾尺寸flowLayout.footerReferenceSize=CGSizeMake(100,50)// 1.自定义 UICollectionView 的位置大小, 以及 Item 的显示样式为 flowLayoutvarcollection=UICollectionView(frame: CGRectMake(0,64,self.view.frame.width,self.view.frame.height-64), collectionViewLayout: flowLayout)// 2.设置 UICollectionView 的背景颜色collection.backgroundColor=UIColor.whiteColor()// 3.设置 UICollectionView 垂直滚动是否滚到 Item 的最底部内容collection.alwaysBounceVertical=true// 4.设置 UICollectionView 垂直滚动是否滚到 Item 的最右边内容collection.alwaysBounceHorizontal=true// 5.设置 UICollectionView 的数据源对象collection.dataSource=self// 6.设置 UICollectionView 的代理对象collection.delegate=self// 7.设置 UICollectionView 的单元格点击(默认是 true)collection.allowsSelection=true// 8.设置 UICollectionView 的单元格多选(默认是 false)collection.allowsMultipleSelection=false// 9.开启 UICollectionView 的分页显示效果collection.pagingEnabled=true// 10.注册 UICollectionViewCellcollection.registerClass(UICollectionViewCell.self, forCellWithReuseIdentifier:"cell")// 11.添加到 self.view 上self.view.addSubview(collection)    }

自定义UINavigationBar

func myNavigationBar() {// 1.自定义 NavigationBar, 设置它的位置大小var navigationBar =UINavigationBar(frame: CGRectMake(0,0,self.view.frame.width,64))// 2.设置 NavigationBar 的背景色navigationBar.backgroundColor=UIColor.redColor()// 3.自定义 NavigationItem 设定它的 Titlelet navigationItem = UINavigationItem(title:"UICollectionView演示")// 4.自定义 UIBarButtonItem 的Title, Style, Target 的对象, 已经监听的方法let leftButton =UIBarButtonItem(title:"返回", style: UIBarButtonItemStyle.Plain, target:self, action:"back")// 5.设置 Navigation 左边的按钮为 leftButtonnavigationItem.leftBarButtonItem= leftButton// 6.把 NavigationItem 添加到 NavigationBarnavigationBar.pushNavigationItem(navigationItem, animated:true)// 7.添加到到 self.view 上self.view.addSubview(navigationBar)    }// 8.NavigationBar监听方法func back() {        println("点击了返回")    }

UICollectionView的代理方法, 数据源方法, FlowLayout 方法

//1.该方法是用来设置返回 CollectionViewCell 的组数    func numberOfSectionsInCollectionView(collectionView: UICollectionView)->Int {return1}//2.该方法是用来设置返回 CollectionViewCell 的个数    func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int)->Int {return15}//3.该方法是用来设置 CollectionViewCell 的内容    func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath)->UICollectionViewCell {varcollectionCell = collectionView.dequeueReusableCellWithReuseIdentifier("cell",forIndexPath: indexPath) as! UICollectionViewCell        collectionCell.backgroundColor = UIColor.redColor()returncollectionCell    }//4.该方法是点击了 CollectionViewCell 时调用的监听方法    func collectionView(collectionView: UICollectionView, didSelectItemAtIndexPathindexPath: NSIndexPath) {        println("aaa")    }//5.该方法是用来设置 CollectionViewCell 的大小    func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath)->CGSize {returnCGSizeMake(90,120)    }//6.该方法是用来设置 CollectionViewCell 四周的边距    func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAtIndex section: Int)->UIEdgeInsets {returnUIEdgeInsetsMake(20,20,20,20)    }//7.该方法是用来设置同一行 CollectionViewCell 之间的间距    func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAtIndex section: Int)->CGFloat {return20}//8.该方法是用来设置同一列 CollectionViewCell 之间的间距    func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAtIndex section: Int)->CGFloat {return20}//9.该方法是用来设置 CollectionView 的页头尺寸    func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, referenceSizeForHeaderInSection section: Int)->CGSize {returnCGSizeMake(100,50)    }//10.该方法是用来设置 CollectionView 的页尾尺寸    func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, referenceSizeForFooterInSection section: Int)->CGSize {returnCGSizeMake(100,50)    }

4.最终效果

PS: UIColleCtionView 是继承于 UIScrollView 的, 所以 UIScrollView 里的属性, 以及方法都是可以用的.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,324评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,303评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,192评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,555评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,569评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,566评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,927评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,583评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,827评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,590评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,669评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,365评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,941评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,928评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,159评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,880评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,399评论 2 342

推荐阅读更多精彩内容