一,创建布局
使用UICollectionView 创建布局,周日历,顾名思义要显示一周的日期,所以需要在界面上显示七个格子,每个格子中间的分割线用宽度为一个像素,大小格子随自己喜欢,代码如下
UICollectionViewFlowLayout *flowLayout=[[UICollectionViewFlowLayout alloc] init];
[flowLayout setScrollDirection:UICollectionViewScrollDirectionHorizontal];
flowLayout.minimumLineSpacing = 1;
flowLayout.minimumInteritemSpacing = 1;
创建UICollectionView
二,UICollectionView 创建好了,在界面上显示如图
加载数据,今天会一直处在日历的最中间,这是初始化,也就是日历会加载从1970年到今天的二倍数据,往前到1970年,往后会从今天到1970年同样多的数据,当天显示的会加大图片放大。今天的日期显示今天
三,技术重点
由于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
如果collectionView滚动到最后的时候,会调用一句代码不断优化,刷新数据,从而是周日历源源不断的进行下去
if(scrollView.contentOffset.x >= (_dataCount - 7) * (kItemWidth + kSpaceBetweenItems))
{//滚动一次加载5天数据
_dataCount = _dataCount + 5;
[self.collectionView reloadData];
}
滚动也不断的刷新cell
结束拖拽的时候也要调用居中方法,否则会出现混乱
四,这时就会出现问题所在,在你结束拖拽这个方法中有两种情况,一时你拖拽结束就停止滚动,二是你拖拽结束还继续滚动,如果继续滚动执行没问题,如果拖拽结束不继续滚动程序不执行这个方法,所以该程序会崩溃,
所以在程序结束拖拽的时候必须调用结束拖拽并且松手的代理事件,从而更准确的执行这个周日历和请求网络事件
如果拖拽节约decelerate 是no 就说明松手就不在滚动,所以单独处理一下程序,如果decelerate
为yes 那就会自动走滚动结束方法,从而更好的解决这个问题。至于选择,那就是一个点击问题,所以记住词方法,以便侯勇
网友评论