前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >UICollectionView 的使用详解

UICollectionView 的使用详解

原创
作者头像
大师级码师
修改2021-11-01 09:27:12
7850
修改2021-11-01 09:27:12
举报
文章被收录于专栏:大师级码师大师级码师
代码语言:javascript
复制
import <UIKit/UIKit.h>
@interface ViewController : UIViewController<UICollectionViewDataSource,UICollectionViewDelegateFlowLayout>{
}
@property (strong, nonatomic)UICollectionView *collectionView;
@end
ViewController.m
import "ViewController.h"
@interface ViewController ()
@end
@implementation ViewController

(void)viewDidLoad
{
[super viewDidLoad];
//确定是水平滚动,还是垂直滚动
UICollectionViewFlowLayout *flowLayout=[[UICollectionViewFlowLayout alloc] init];
[flowLayout setScrollDirection:UICollectionViewScrollDirectionVertical];
self.collectionView=[[UICollectionView alloc] initWithFrame:CGRectMake(0, 64, 320, 200) collectionViewLayout:flowLayout];
self.collectionView.dataSource=self;
self.collectionView.delegate=self;
[self.collectionView setBackgroundColor:[UIColor clearColor]];
//注册Cell,必须要有
[self.collectionView registerClass:[UICollectionViewCell class] forCellWithReuseIdentifier:@"UICollectionViewCell"];
[self.view addSubview:self.collectionView];
}


pragma mark -- UICollectionViewDataSource
//定义展示的UICollectionViewCell的个数
-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
{
  return 10;
}
//定义展示的Section的个数
-(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView
{
  return 2;
}
//每个UICollectionView展示的内容
-(UICollectionViewCell )collectionView:(UICollectionView )collectionView cellForItemAtIndexPath:(NSIndexPath )indexPath
{
  static NSString  CellIdentifier = @"UICollectionViewCell";
  UICollectionViewCell * cell = [collectionView dequeueReusableCellWithReuseIdentifier:CellIdentifier forIndexPath:indexPath];
cell.backgroundColor = [UIColor colorWithRed:((10  indexPath.row) / 255.0) green:((20  indexPath.row)/255.0) blue:((30  indexPath.row)/255.0) alpha:1.0f];
  UILabel label = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 20, 20)];
  label.textColor = [UIColor redColor];
  label.text = [NSString stringWithFormat:@"%d",indexPath.row];
for (id subView in cell.contentView.subviews) {
    [subView removeFromSuperview];
  }
  [cell.contentView addSubview:label];
  return cell;
}
pragma mark --UICollectionViewDelegateFlowLayout
//定义每个Item 的大小

(CGSize)collectionView:(UICollectionView )collectionView layout:(UICollectionViewLayout)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath
{
return CGSizeMake(60, 60);
}

//定义每个UICollectionView 的 margin
-(UIEdgeInsets)collectionView:(UICollectionView )collectionView layout:(UICollectionViewLayout )collectionViewLayout insetForSectionAtIndex:(NSInteger)section
{
  return UIEdgeInsetsMake(5, 5, 5, 5);
}
pragma mark --UICollectionViewDelegate
//UICollectionView被选中时调用的方法
-(void)collectionView:(UICollectionView )collectionView didSelectItemAtIndexPath:(NSIndexPath )indexPath
{
  UICollectionViewCell  cell = (UICollectionViewCell )[collectionView cellForItemAtIndexPath:indexPath];
  //临时改变个颜色,看好,只是临时改变的。如果要永久改变,可以先改数据源,然后在cellForItemAtIndexPath中控制。(和UITableView差不多吧!O(∩_∩)O~)
  cell.backgroundColor = [UIColor greenColor];
  NSLog(@"item======%d",indexPath.item);
  NSLog(@"row=======%d",indexPath.row);
  NSLog(@"section===%d",indexPath.section);
}
//返回这个UICollectionView是否可以被选择
-(BOOL)collectionView:(UICollectionView )collectionView shouldSelectItemAtIndexPath:(NSIndexPath )indexPath
{
  return YES;
}
@end
</pre> 

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档