各位亲们之前说了的tableView的具体使用方法,下面来说下collectionView的具体使用直接上代码:
1.initcollectionView、设置代理方法
func initCollectionView() {
let defaultLayout = UICollectionViewFlowLayout()
defaultLayout.scrollDirection = UICollectionViewScrollDirection.vertical//设置垂直显示
defaultLayout.sectionInset = UIEdgeInsetsMake(0, 0, 0, 0)//设置边距
defaultLayout.itemSize = CGSize(width: kScreenWidth/2, height: 50)
defaultLayout.minimumLineSpacing = 0.0 //每个相邻的layout的上下间隔
defaultLayout.minimumInteritemSpacing = 0.0 //每个相邻layout的左右间隔
defaultLayout.headerReferenceSize = CGSize(width: 0, height: 0)
defaultLayout.footerReferenceSize = CGSize(width: 0, height: 15)
collectionView = UICollectionView(frame: CGRect(x:0, y:0, width:kScreenWidth, height:kScreenHeight), collectionViewLayout: defaultLayout)
collectionView?.backgroundColor = UIColor.white
collectionView?.register(MoneyCollectionViewCell.self, forCellWithReuseIdentifier: cellMIdentifier)
collectionView?.dataSource = self
collectionView?.delegate = self
self.view.addSubview(collectionView!)
}
2.添加collection的delegate和dataSource
//分区个数
func numberOfSections(in collectionView: UICollectionView) -> Int {
return dataSource.count;
}
// 每个区的item个数
func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int{
let sectionArray:NSArray = dataSource.object(at: section) as! NSArray
return sectionArray.count;
}
//显示cell
func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell{
let cell:MoneyCollectionViewCell = collectionView.dequeueReusableCell(withReuseIdentifier: cellMIdentifier, for: indexPath as IndexPath) as! MoneyCollectionViewCell
let sectionArray:NSArray = dataSource.object(at: indexPath.section) as! NSArray
let rowDic:NSDictionary = sectionArray.object(at: indexPath.row) as! NSDictionary
cell.rowDic = rowDic
return cell;
}
//点击item
func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath)
{
print("点击了第\(indexPath.section) 分区 ,第\(indexPath.row) 个元素")
}
//item的size
private func collectionView(collectionView: UICollectionView!,
layout collectionViewLayout: UICollectionViewLayout!,
sizeForItemAtIndexPath indexPath: NSIndexPath!) -> CGSize {
return CGSize(width: kScreenWidth/2.0, height: 81)
}
func collectionView(collectionView: UICollectionView!, layout collectionViewLayout: UICollectionViewLayout!, insetForSectionAtIndex section: Int) -> UIEdgeInsets{
return UIEdgeInsetsMake(0, 0, 0, 0);
}
//设置HeaderView的宽高
//MARK: UICollectionViewDelegateFlowLayout
func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, referenceSizeForHeaderInSection section: Int) -> CGSize {
return CGSize(width:collectionView.frame.size.width,height:35)
}
下边放出效果图
文中dataSource是数组数据,以上就是swift3.0 collectionView的简单使用,大家有什么不懂可以给我留言
完整代码地址点这里https://github.com/miaozhang9/Swift3.0Test_ImitateAliPay