(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 里的属性, 以及方法都是可以用的.

推荐阅读更多精彩内容