3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]

版权声明:本文为酷课堂原创文章,欢迎转载但请注明来源。 https://blog.csdn.net/fzhlee/article/details/80148209
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. 设置坐标原点的横向值为0。 


51. 设置第一个视图控制器对象的显示区域。 


52. 创建第二个视图控制器对象的实例。 


53. 设置坐标原点的x值为屏幕宽度,即第二个视图控制器对象显示在屏幕之外。 


54. 设置第二个视图控制器对象的显示区域。 


55. 将两个视图控制器的根视图,分别添加到滚动视图对象里。 


56. 再把滚动视图对象和页面控制器对象,分别添加到当前窗口的根视图里。 


57. 创建监听页面切换事件的方法。 


58. 获得当前页面控制器对象的当前页码。 


59. 获得滚动视图当前的显示区域。 


60. 根据页面控制器对象的目标页码,计算滚动视图在下一页中的显示区域。 


61. 然后滚动视图到目标区域。 


62. 设置通过页面控制器对象切换页面。 


63. 创建监听滚动视图的滚动事件的代理方法。 


64. 如果是通过页面控制器对象切换页面,则不执行后面的代码。 


65. 获得滚动视图的宽度值。 


66. 根据滚动视图的宽度值和横向位移量,计算当前的页码。 


67. 设置页面控制器的显示页码,为通过计算所得的页码。 



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


阅读更多

没有更多推荐了,返回首页