1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]

1. 本节课将为您演示另一款第三方的日历类库。首先确保在您的项目中,已经安装了所需的第三方库,双击查看此处的Pod配置文件。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第1张图片
image

2. 根据配置文件中的相关设置,安装第三方库。安装完成之后,双击打开此处的项目文件。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第2张图片
image

3. 然后在左侧的项目导航区,打开视图控制器的代码文件。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第3张图片
image

4. 现在开始编写代码,创建一个日历控件。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第4张图片
image

5. 首先在当前的类文件中,引入已经安装的第三方类库。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第5张图片
image

6. 添加一个日历菜单视图变量,和一个日历视图变量,作为当前类的两个属性。日历菜单视图将位于日历视图的上方,用来显示日历的星期。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第6张图片
image

7. 设置当前根视图的背景颜色。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第7张图片
image

8. 然后对日历菜单视图,进行初始化操作,并设置其显示区域位于屏幕的上方。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第8张图片
image

9. 接着对日历视图进行初始化操作,并设置其显示区域。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第9张图片
image

10. 设置日历视图的外观代理、日历代理和动画代理,都是当前的视图控制器对象。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第10张图片
image

11. 设置日历菜单视图的菜单视图代理,同样是当前的视图控制器对象。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第11张图片
image

12. 然后依次将两个视图添加到根视图中。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第12张图片
image

13. 添加一个方法,用来监听视图控制器对它的子视图进行布局的事件。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第13张图片
image

14. 当监听到该事件时,将依次提交对菜单视图和日历视图的刷新。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第14张图片
image

15. 接着添加一个针对视图控制器的扩展,并使其遵循日历视图协议和日历菜单视图协议。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第15张图片
image

16. 添加一个代理方法,用来设置日历的模式。共有月模式和周模式两种。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第16张图片
image

17. 添加一个代理方法,用来设置将星期天,作为一个星期的开始日期。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第17张图片
image

18. 该代理方法用来设置在一个星期当中,每天的日期文字颜色。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第18张图片
image

19. 在此设置当该日为星期天时,设置文字的颜色为红色,否则设置文字的颜色为黑色。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第19张图片
image

20. 添加一个代理方法,用来设置允许突出显示某个日期。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第20张图片
image

21. 接着添加此代理方法,用来设置允许以动态的方式进行尺寸的缩放。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第21张图片
image

22. 添加一个代理方法,用来设置是否选中某个日期视图,此处使用随机的方式来决定是否选中。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第22张图片
image

23. 添加一个代理方法,用来响应某个日期被选中时的事件。此时在控制台输出选中的日期。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第23张图片
image

24. 此代理方法用来设置是否允许在日期的上方,显示一个标识符。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第24张图片
image

25. 添加一个代理方法,用来设置是否允许在日期的上方,显示一个点标识。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第25张图片
image

26. 获得当前位置上的日期的天数。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第26张图片
image

27. 然后通过随机函数生成一个0到30之间的数字。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第27张图片
image

28. 假如当前位置上的日期的天数,和随机数字相同时,则在此日期的位置显示一个点标识。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第28张图片
image

29. 其它的情况则不显示点标识。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第29张图片
image

30. 添加一个代理方法,用来设置点标识的颜色。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第30张图片
image

31. 在此同样通过随机函数,生成一个随机的颜色。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第31张图片
image

32. 初始化一个随机的颜色常量 。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第32张图片
image

33. 生成一个在1和3之间的随机整数。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第33张图片
image

34. 然后根据随机整数进行判断。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第34张图片
image

35. 根据随机整数的值,返回不同长度的颜色数组。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第35张图片
image

36. 接着添加一个代理方法,用来设置是否在日期上显示高亮效果。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第36张图片
image

37. 添加一个代理方法,设置点标识的尺寸。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第37张图片
image

38. 继续添加一个代理方法,设置星期的显示方式,此处设置为缩写方式。共有正常、缩写和超级缩写三种样式可以选择。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第38张图片
image

39. 该代理方法,用来设置选区视图的贝塞尔路径。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第39张图片
image

40. 在此返回日期视图的显示区域,作为选区视图的路径。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第40张图片
image

41. 添加一个代理方法,不允许显示自定义的单独选区。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第41张图片
image

42. 添加一个代理方法,用来设置显示在日期上的辅助视图。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第42张图片
image

43. 初始化一个辅助视图,设置其显示区域和日期视图相同,并且形状为圆形。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第43张图片
image

44. 设置辅助视图的填充颜色为浅灰色,然后返回该辅助视图。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第44张图片
image

45. 添加一个代理方法,用来设置是否允许在日期视图上,显示一个辅助视图。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第45张图片
image

46. 设置当日期视图中的日期为当日的天数时,显示辅助视图,否则不显示。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第46张图片
image

47. 继续添加一个代理方法,用来设置补充视图。该补充视图将被用来在所有属于星期五的天数位置,绘制一个圆环。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第47张图片
image

48. 初始化一个圆周率常数。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第48张图片
image

49. 接着初始化一个浮点类型的常量,作为圆环的间距。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第49张图片
image

50. 初始化另一个浮点类型的常量,作为圆环的宽度。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第50张图片
image

51. 初始化一个浮点类型的常量,作为圆环在垂直方向上的偏移距离。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第51张图片
image

52. 创建一个图形层变量,用来绘制圆环。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第52张图片
image

53. 设置圆环路径的宽度为1。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第53张图片
image

54. 设置圆环的线条颜色为紫色。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第54张图片
image

55. 在此创建一个和日期视图相比,具有相同显示区域的视图对象。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第55张图片
image

56. 通过计算获得圆环的直径数据。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第56张图片
image

57. 然后通过直径算出半径的大小。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第57张图片
image

58. 从而创建一个矩形区域,用来绘制圆环形状。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第58张图片
image

59. 对图形层进行初始化操作,并将该层添加到新建视图的层中。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第59张图片
image

60. 设置层的填充颜色为无色。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第60张图片
image

61. 接着设置层的线条宽度和描边颜色两个属性。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第61张图片
image

62. 初始化一个浮点常量,作为圆环的线宽嵌入值。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第62张图片
image

63. 通过调用矩形区域对象的相关方法,获得和该矩形区域具有相同中心点,但是更大的另一个矩形区域。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第63张图片
image

64. 接着获得该区域的中心点坐标。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第64张图片
image

65. 获得绘制圆环的起点角度。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第65张图片
image

66. 然后生成绘制圆环的结束点角度。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第66张图片
image

67. 接着通过中心点、半径、起点角度、结束点角度以及是否顺时针等数据,创建一个环形路径。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第67张图片
image

68. 设置层的路径为环形路径,并设置层的显示区域,和当前的日期层保持相同。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第68张图片
image

69. 最后返回设置好的附加视图。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第69张图片
image

70. 接着添加一个代理方法,用来设置在何种情况下,允许显示辅助视图。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第70张图片
image

71. 在此设置当某处的日期的天数为周五时,在该日期位置显示一个辅助视图,否则不会显示辅助视图。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第71张图片
image

72. 设置星期文本的颜色为黑色。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第72张图片
image

73. 添加最后一个代理方法,设置星期文本的背景颜色为无色。接着点击左上角的[编译并运行]按钮,启动模拟器预览项目。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第73张图片
image

74. 在弹出的模拟器中,观察当天日期的外观样式。然后点击选择某个日期,并观察控制台的日志输出。

75. 接着点击下个月份的第一天,这样将自动跳转到下个月份。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第74张图片
image

76. 在左侧的圆点处按下手指,并向右侧拖动,可以切换至上个月份。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第75张图片
image

77. 使用相同的方式,向左侧拖动,切换至下个月份。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第76张图片
image

78. 最后点击此处的[停止]按钮,关闭模拟器,并结束本节课程。

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第77张图片
image

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第78张图片
image

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第79张图片
image

本文整理自:《app开发中的神兵利器》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1209739676,或扫描本页底部的二维码。课程配套素材下载地址:资料下载

1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器]_第80张图片
apps8 2.png

你可能感兴趣的:(1.17 另一个自定义的CVCalendar日历 [iOS开发中的神兵利器])