因为程序要求要插入一个日历控件,该空间的要求是从当天开始及以后的六个月内的日历,上网查资料基本上都说只要获取两个条件(当月第一天周几和本月一共有多少天)就可以实现一个简单的日历,剩下的靠自己的简单逻辑就ok了,下面开始自己从开始到完成的整个过程
1.首先做nsdate类目,扩展一些方法让日期之间转换更加方便
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
#import <foundation/foundation.h>@interface nsdate (lywcalendar)#pragma mark - 获取日- (nsinteger)day:(nsdate *)date;#pragma mark - 获取月- (nsinteger)month:(nsdate *)date;#pragma mark - 获取年- (nsinteger)year:(nsdate *)date;#pragma mark - 获取当月第一天周几- (nsinteger)firstweekdayinthismonth:(nsdate *)date;#pragma mark - 获取当前月有多少天- (nsinteger)totaldaysinmonth:(nsdate *)date;@end |
下面一一实现这些方法
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
|
#import "nsdate+lywcalendar.h"@implementation nsdate (lywcalendar)/** *实现部分 */#pragma mark -- 获取日- (nsinteger)day:(nsdate *)date{ nsdatecomponents *components = [[nscalendar currentcalendar] components:(nscalendarunityear | nscalendarunitmonth | nscalendarunitday) fromdate:date]; return components.day;}#pragma mark -- 获取月- (nsinteger)month:(nsdate *)date{ nsdatecomponents *components = [[nscalendar currentcalendar] components:(nscalendarunityear | nscalendarunitmonth | nscalendarunitday) fromdate:date]; return components.month;}#pragma mark -- 获取年- (nsinteger)year:(nsdate *)date{ nsdatecomponents *components = [[nscalendar currentcalendar] components:(nscalendarunityear | nscalendarunitmonth | nscalendarunitday) fromdate:date]; return components.year;}#pragma mark -- 获得当前月份第一天星期几- (nsinteger)firstweekdayinthismonth:(nsdate *)date{ nscalendar *calendar = [nscalendar currentcalendar]; //设置每周的第一天从周几开始,默认为1,从周日开始 [calendar setfirstweekday:1];//1.sun. 2.mon. 3.thes. 4.wed. 5.thur. 6.fri. 7.sat. nsdatecomponents *comp = [calendar components:(nscalendarunityear | nscalendarunitmonth | nscalendarunitday) fromdate:date]; [comp setday:1]; nsdate *firstdayofmonthdate = [calendar datefromcomponents:comp]; nsuinteger firstweekday = [calendar ordinalityofunit:nscalendarunitweekday inunit:nscalendarunitweekofmonth fordate:firstdayofmonthdate]; //若设置从周日开始算起则需要减一,若从周一开始算起则不需要减 return firstweekday - 1;}#pragma mark -- 获取当前月共有多少天- (nsinteger)totaldaysinmonth:(nsdate *)date{ nsrange daysinlastmonth = [[nscalendar currentcalendar] rangeofunit:nscalendarunitday inunit:nscalendarunitmonth fordate:date]; return daysinlastmonth.length;} |
接下来就要写逻辑部分了,在viewcontroller里面实现,先说思想,首先想到的是用collectionview,但是每个月天数不一样在日历中的显示就不一样,有时候有五行有时候有六行,既然要用自动填充就必须考虑到这一点,下面是代码实现
|
1
2
3
4
5
|
#import "viewcontroller.h"#import "macro.h"#import "nsdate+lywcalendar.h"#import "lywcollectionviewcell.h"#import "lywcollectionreusableview.h" |
定义一些全局变量
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
static nsstring *cellid = @"cellid";static nsstring *headerid = @"headerid";static nsstring *footerid = @"footerid";@implementation viewcontroller{ //自动布局 uicollectionviewflowlayout *_layout; //表格视图 uicollectionview *_collectionview; //当月第一天星期几 nsinteger firstdayinmounthinweekly; nsmutablearray *_firstmounth; //容纳六个数组的数组 nsmutablearray *_sixarray; } |
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
//定义星期视图,若为周末则字体颜色为绿色 self.automaticallyadjustsscrollviewinsets = no;//关闭自动适应 nsarray *weektitlearray = @[@"周日",@"周一",@"周二",@"周三",@"周四",@"周五",@"周六"]; for (int i = 0; i < weektitlearray.count; i++) { uilabel *weektitlelable = [[uilabel alloc]initwithframe:cgrectmake(i * ((screenwidth/(weektitlearray.count))), 64, screenwidth/(weektitlearray.count ), 30)]; if (i == 0 || i == 6) { weektitlelable.textcolor = [uicolor greencolor]; }else{ weektitlelable.textcolor = [uicolor blackcolor]; } weektitlelable.text = [weektitlearray objectatindex:i]; weektitlelable.textalignment = nstextalignmentcenter; [self.view addsubview:weektitlelable];} |
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
//设置collectionview及自动布局,代理方法尤为重要 _layout = [[uicollectionviewflowlayout alloc]init]; //头部始终在顶端 _layout.sectionheaderspintovisiblebounds = yes; //头部视图高度 _layout.headerreferencesize = cgsizemake(414, 40); _layout.minimumlinespacing = 0; _layout.minimuminteritemspacing = 0; _collectionview = [[uicollectionview alloc]initwithframe:cgrectmake(0, 64 + 30, screenwidth, screenheight - 64 - 30) collectionviewlayout:_layout]; _collectionview.backgroundcolor = [uicolor whitecolor]; //注册表格 [_collectionview registerclass:[lywcollectionviewcell class] forcellwithreuseidentifier:cellid]; //注册头视图 [_collectionview registerclass:[lywcollectionreusableview class] forsupplementaryviewofkind:uicollectionelementkindsectionheader withreuseidentifier:headerid]; //注册尾视图// [_collectionview registerclass:[uicollectionreusableview class] forcellwithreuseidentifier:footerid]; _collectionview.delegate = self; _collectionview.datasource = self; [self.view addsubview:_collectionview]; |
逻辑部分,这里有个比较长的三项表达式
(daysinmounth > 29 && (firstdayinthismounth == 6 || firstdayinthismounth ==5) ? 42 : 35)
就是日历到底是六行还是七行,这就要根据日历的特性来判断了,如果当月天数大于29天并且当月第一天星期六(以这个程序的准则)或者星期天是返回六行剩下的返回三行,也有可能返回四行的,但是就这个程序来说是不可能的也就不需要做判断了
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
//numbermounthes 为宏定义,表示要显示月的个数,程序要求是六个月,所以宏定义为六 //#define numbermounthes 6 //想要展示的月数//创建六个数组,并将这六个数组装入大数组中 _sixarray = [[nsmutablearray alloc]init]; for (int i = 0; i < numbermounthes ; i++ ) { nsmutablearray *array = [[nsmutablearray alloc]init]; [_sixarray addobject:array]; } //为六个数组写入每个月的日历信息 for (int i = 0 ; i < numbermounthes; i++) { //获取月份 int mounth = ((int)[currentdate month:currentdate] + i)%12; nsdatecomponents *components = [[nsdatecomponents alloc]init]; //获取下个月的年月日信息,并将其转为date components.month = mounth; components.year = 2016 + mounth/12; components.day = 1; nscalendar *calendar = [nscalendar currentcalendar]; nsdate *nextdate = [calendar datefromcomponents:components]; //获取该月第一天星期几 nsinteger firstdayinthismounth = [nextdate firstweekdayinthismonth:nextdate]; //该月的有多少天daysinthismounth nsinteger daysinthismounth = [nextdate totaldaysinmonth:nextdate]; nsstring *string = [[nsstring alloc]init]; for (int j = 0; j < (daysinmounth > 29 && (firstdayinthismounth == 6 || firstdayinthismounth ==5) ? 42 : 35) ; j++) { if (j < firstdayinthismounth || j > daysinthismounth + firstdayinthismounth - 1) { string = @""; [[_sixarray objectatindex:i]addobject:string]; }else{ string = [nsstring stringwithformat:@"%ld",j - firstdayinthismounth + 1]; [[_sixarray objectatindex:i]addobject:string]; } } } |
下面是代理方法
|
1
2
3
4
5
6
7
8
|
//这两个不用说,返回cell个数及section个数- (nsinteger)collectionview:(uicollectionview *)collectionview numberofitemsinsection:(nsinteger)section{ return [[_sixarray objectatindex:section] count];}- (nsinteger)numberofsectionsincollectionview:(uicollectionview *)collectionview{ return _sixarray.count;} |
|
1
2
3
4
5
6
7
8
9
10
11
12
|
//这里是自定义cell,非常简单的自定义- (uicollectionviewcell *)collectionview:(uicollectionview *)collectionview cellforitematindexpath:(nsindexpath *)indexpath{ lywcollectionviewcell *cell = [collectionview dequeuereusablecellwithreuseidentifier:cellid forindexpath:indexpath]; uiview *blackgroundview = [[uiview alloc]initwithframe:cgrectmake(0, 0, cell.frame.size.width, cell.frame.size.height)]; blackgroundview.backgroundcolor = [uicolor yellowcolor]; cell.datelable.text = [[_sixarray objectatindex:indexpath.section]objectatindex:indexpath.row]; nsdate *date = [[nsdate alloc]init]; nsinteger day = [date day:date]; //设置单击后的颜色 cell.selectedbackgroundview = blackgroundview; return cell;} |
自定义cell .h
|
1
2
3
4
5
6
7
8
9
|
#import <uikit/uikit.h>@interface lywcollectionviewcell : uicollectionviewcell@property (nonatomic,strong) uilabel *datelable;- (instancetype)initwithframe:(cgrect)frame;@end |
.m
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
#import "lywcollectionviewcell.h"@implementation lywcollectionviewcell- (instancetype)initwithframe:(cgrect)frame{ if (self == [super initwithframe:frame]) { _datelable = [[uilabel alloc] initwithframe:self.bounds]; [_datelable settextalignment:nstextalignmentcenter]; [_datelable setfont:[uifont systemfontofsize:17]]; _datelable.textcolor = [uicolor blackcolor]; [self addsubview:_datelable]; } return self;}@end |
接着代理
|
1
2
3
4
5
6
7
8
|
//cell大小及间距- (cgsize)collectionview:(uicollectionview *)collectionview layout:(uicollectionviewlayout *)collectionviewlayout sizeforitematindexpath:(nsindexpath *)indexpath{ return cgsizemake(screenwidth/7, screenwidth/7);}- (uiedgeinsets)collectionview:(uicollectionview *)collectionview layout:(uicollectionviewlayout *)collectionviewlayout insetforsectionatindex:(nsinteger)section{ return uiedgeinsetsmake(0, 0, 0, 0);} |
既然有日历,总得显示哪年哪月吧,前面已经注册表头视图了,这里只需要实现以下代理方法即可
collectionview有点不同其头视图也有单独的类,和cell一样先自定义headcell,也是非常简单的自定义
.h文件
|
1
2
3
4
5
6
7
8
9
|
#import <uikit/uikit.h>@interface lywcollectionreusableview : uicollectionreusableview@property (nonatomic,strong) uilabel *datelable;- (instancetype)initwithframe:(cgrect)frame;@end |
.m文件
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
#import "lywcollectionreusableview.h"@implementation lywcollectionreusableview- (instancetype)initwithframe:(cgrect)frame{ if (self == [super initwithframe:frame]) { _datelable = [[uilabel alloc] initwithframe:self.bounds]; [_datelable settextalignment:nstextalignmentleft]; [_datelable setfont:[uifont systemfontofsize:20]]; _datelable.textcolor = [uicolor blackcolor]; [self addsubview:_datelable]; } return self;}@end |
接着代理方法,这里也有个三项判断式,和上面的大同小异,主要是防止12月显示为0月
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
- (uicollectionreusableview *)collectionview:(uicollectionview *)collectionview viewforsupplementaryelementofkind:(nsstring *)kind atindexpath:(nsindexpath *)indexpath{ if (kind == uicollectionelementkindsectionheader) { lywcollectionreusableview *headerrv = [collectionview dequeuereusablesupplementaryviewofkind:kind withreuseidentifier:headerid forindexpath:indexpath]; //自定义蓝色 headerrv.backgroundcolor = dodger_blue; nsdate *currentdate = [[nsdate alloc]init]; nsinteger year = ([currentdate month:currentdate] + indexpath.section)/12 + 2016; nsinteger mounth = ([currentdate month:currentdate] + indexpath.section) % 12 == 0 ? 12 : ([currentdate month:currentdate] + indexpath.section)%12; headerrv.datelable.text = [nsstring stringwithformat:@"%ld年%ld月",year,mounth]; return headerrv; }else{ return nil; }} |
还是代理,处理选中效果,选中的为黄色
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
|
- (void)collectionview:(uicollectionview *)collectionview didselectitematindexpath:(nsindexpath *)indexpath{ lywcollectionviewcell *cell = [self collectionview:_collectionview cellforitematindexpath:indexpath]; nsdate *currentdate = [[nsdate alloc]init]; //打印当前日期 if (![cell.datelable.text isequaltostring:@""]) { nsinteger year = ([currentdate month:currentdate] + indexpath.section)/12 + 2016; nsinteger mounth = ([currentdate month:currentdate] + indexpath.section)%12; nsinteger day = [cell.datelable.text intvalue]; nslog(@"%ld年%02ld月%02ld日",year,mounth,day); } //排除空值cell //获取月份 nsinteger mounth = ([currentdate month:currentdate] + indexpath.section) % 12 == 0 ? 12 : ([currentdate month:currentdate] + indexpath.section)%12; nsdatecomponents *components = [[nsdatecomponents alloc]init]; components.month = mounth; components.year = 2016 + mounth/12; components.day = 1; nscalendar *calendar = [nscalendar currentcalendar]; nsdate *nextdate = [calendar datefromcomponents:components]; //获取该月第一天星期几 nsinteger firstdayinthismounth = [nextdate firstweekdayinthismonth:nextdate]; //该月的有多少天daysinthismounth nsinteger daysinthismounth = [nextdate totaldaysinmonth:nextdate]; if ((indexpath.row < firstdayinthismounth || indexpath.row > daysinthismounth + firstdayinthismounth - 1)){ //如果点击空表格则单击无效 [collectionview cellforitematindexpath:indexpath].userinteractionenabled = no; [collectionview reloaddata]; }} |
最后展示很烂的效果图:
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持服务器之家。
