使用UICollectionView 创建周日历

一,创建布局

     使用UICollectionView 创建布局,周日历,顾名思义要显示一周的日期,所以需要在界面上显示七个格子,每个格子中间的分割线用宽度为一个像素,大小格子随自己喜欢,代码如下

UICollectionViewFlowLayout *flowLayout=[[UICollectionViewFlowLayout alloc] init];

[flowLayout setScrollDirection:UICollectionViewScrollDirectionHorizontal];

flowLayout.minimumLineSpacing = 1;

flowLayout.minimumInteritemSpacing = 1;

创建UICollectionView

使用UICollectionView 创建周日历_第1张图片

二,UICollectionView 创建好了,在界面上显示如图

    加载数据,今天会一直处在日历的最中间,这是初始化,也就是日历会加载从1970年到今天的二倍数据,往前到1970年,往后会从今天到1970年同样多的数据,当天显示的会加大图片放大。今天的日期显示今天

使用UICollectionView 创建周日历_第2张图片

三,技术重点

  由于UICollectionView 的拖动pageEnable 属性设置为no,也就是说UICollectionView 可以在屏幕内自用滚动,所以这么才能让我滚动停下来的格子正好显示在中间这个位置呢,显而易见这是不易控制的,用手动让她停止肯定没问题,但是代码不肯用手去控制价,所以只能通过代码去控制,这里就需要用一个坐标转换方法

CGPoint pointInView = [self.view convertPoint:self.collectionView.center toView:self.collectionView];就是将self.collectionView.center相对于self.View的坐标转换为相对于self.collectionView的坐标,这样就能准确的拿到相应的cell,从而让其居中

通过相应的坐标点取出对于的cell

NSIndexPath *indexPath = [self.collectionView indexPathForItemAtPoint:pointInView];

从新居中方法。如果之前选中过的cell,取消选中,从新选中取出的cell

使用UICollectionView 创建周日历_第3张图片

如果collectionView滚动到最后的时候,会调用一句代码不断优化,刷新数据,从而是周日历源源不断的进行下去

if(scrollView.contentOffset.x >= (_dataCount - 7) * (kItemWidth + kSpaceBetweenItems))

{//滚动一次加载5天数据
_dataCount = _dataCount + 5;

[self.collectionView reloadData];
}

滚动也不断的刷新cell


使用UICollectionView 创建周日历_第4张图片

结束拖拽的时候也要调用居中方法,否则会出现混乱

 

使用UICollectionView 创建周日历_第5张图片

四,这时就会出现问题所在,在你结束拖拽这个方法中有两种情况,一时你拖拽结束就停止滚动,二是你拖拽结束还继续滚动,如果继续滚动执行没问题,如果拖拽结束不继续滚动程序不执行这个方法,所以该程序会崩溃,

  所以在程序结束拖拽的时候必须调用结束拖拽并且松手的代理事件,从而更准确的执行这个周日历和请求网络事件


使用UICollectionView 创建周日历_第6张图片

    如果拖拽节约decelerate 是no 就说明松手就不在滚动,所以单独处理一下程序,如果decelerate
 为yes 那就会自动走滚动结束方法,从而更好的解决这个问题。至于选择,那就是一个点击问题,所以记住词方法,以便侯勇

你可能感兴趣的:(使用UICollectionView 创建周日历)