3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]
1. 本节课将为您演示多视图控制器的使用。首先在欢迎窗口中，点击[创建一个新项目]选项，创建一个新的项目。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzg5Mi8wNmE2ZWI1ZTdhNDBlMDA0MTU3NzczOTQwNWRkZWZjYy5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
2. 选择创建一个简单的单视图应用。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzU3Mi8yM2ZmNTE5YTM3MGEwMzA0OTI4NjhkZjE2NmUyYWJmNC5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
3. 点击下一步按钮，进入下一步设置页面。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzE1Mi8zYWU1NGVlYzQzMTFhYmI1MGM2NjA0ODliZWQ5MTJjOC5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
4. 在产品名称输入框内，点击输入产品的名称。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzk3OS9hMDMxZjQ5YmJiZjJmZjBmMDViNGFhNjVjN2E2ZmQyYi5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
5. 保持其它参数不变，点击下一步按钮，进入下一步设置页面。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzg4MS9iMjIxYTE1N2YwMjk0NTY5YzZiODgzNDhhYzM1ZjdlMS5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
6. 选择项目存放目录，并点击创建按钮，完成项目的创建。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzMzOS9mNmQ5MTg5MjE4OGZhNTQ5ODc5YjJlYzQ0NjFhZWI1My5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
7. 在项目文件夹上点击鼠标右键，弹出右键菜单。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzEzNi81YmYzZGZiZTRmYTY5MDE2NTQwNWRmMDU1YjEyY2E3OC5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
8. 选择新建文件选项。您将陆续创建三个视图控制器类文件。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzg1MS80M2Q1OTg4YjhlZDdiZjdlY2FlNTNhYmMwYWZkYjYxMy5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
9. 保持当前窗口的默认选择，点击下一步按钮，创建一个类。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzEwOC9hYmE3ZTZmN2VlZmIwZWZmZTEwZGU0MTkxZTM2ZDk5NC5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
10. 在类名输入框内，输入类的名称。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzU0My85OGZmZDUwYmEwMWNjMjU4YWRlNGMyOTQzODI1YmQ3Zi5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
11. 接着选择或输入父类的名称。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQ1LzBjYzNlMWFkY2NkMjg5NmI0MzUwZjQxNTU0OTE5NjE1LnBuZw== "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
12. 点击下一步按钮，进入下一步设置页面。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzM2OC85ZWFjNTVlMWZlMWE2ZjMzYmQyM2YxYWU4YTc2MTc1OC5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
13. 保持默认的存储位置，点击创建按钮，完成类的创建操作。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzY0OC9iNGI1MDYyZDM0MjVkZjFlYTAzMDYzY2RjOTY1MjZlOC5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
14. 在项目文件夹上点击鼠标右键，弹出右键菜单。接着创建第二个和第三个视图控制器的类文件。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQzNS8zM2U0OWEwNzYxNGQ0MTI2NTE5M2E5OTAyZmEyZTU2My5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
15. 选择新建文件选项。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzI0MS81MmM0YThjMGE0Y2E2YTQxZWJkYTVhMGZlMzVmMjgwMS5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
16. 保持当前窗口的默认选择，点击下一步按钮，创建一个类。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzExLzk1Y2JjZjk3YTkyOTVmMDYzOGE3NTFlNTQ3N2YyM2IzLnBuZw== "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
17. 在类名输入框内，输入类的名称。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzI5OS8yMjlhYzIwYjNiMmU3ZTAyY2Q1OTBlNDg5YWU3OTFhMy5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
18. 点击下一步按钮，进入下一步设置页面。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQxMS9kMTM5ZmI5NTE0MDYwMDI0ZjdlYzFmOWZjNmUyYTA4My5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
19. 保持默认的存储位置，点击创建按钮，完成类的创建操作。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzYzLzc5Nzg1YmJkNzY4NTAzMzg4M2E2ZTRlYmYxYWRjMTVmLnBuZw== "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
20. 在项目文件夹上点击鼠标右键，弹出右键菜单。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzE1LzRjYTNkM2I2MWZmYzhjMWZhZmU5OGNiYWE1ZTJjMGE3LnBuZw== "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
21. 再次选择新建文件选项。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzgyLzcwMmY0NWNmOGJlNDg3M2Y5NmMyZjJlYWQ5MzU0NTNhLnBuZw== "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
22. 在类名输入框内，输入第三个视图控制器的名称。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzc1NS84ZGI4MjgxMTMyNGI0OTcxMWFkMDAzNGYyNjFkMTJmYi5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
23. 然后点击下一步按钮，进入下一步设置页面。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzU1MC9kYWI1ZWJhM2I2NzdmY2ViY2VjOTg2N2E3NjM3ZmUxZS5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
24. 保持默认的存储位置，点击创建按钮，完成类的创建操作。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzc2Ny9kNWIxY2U1NDEyYjIyMDNjOWY2YjJiOTZkYThjNzU4Ny5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
25. 接着为每个视图控制器的根视图，设置背景颜色。点击选择第一个视图控制器文件。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzk1My81M2M5NjJkMGE0YWMwZTNkMzYxOTNkNTg3YjE2MmU5OS5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
26. 现在开始编写代码，实现这项功能，为当前视图控制器的根视图，设置背景颜色。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzkxMC82NWEyMWY3MmE0ODJkZWFiYmJkY2Q3Y2YxN2Y2NjY0Ni5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
27. 设置视图的背景颜色为棕色，接着选择第二个视图控制器文件。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzg3MC9hZDJjY2IxMjIzMjc3NTc3YWY1YThhZDc3ZmNhNDliNi5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
28. 接着为第二个视图控制器的根视图，设置背景颜色。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzc0NS8wYzA5OGQ0ZGI5MmE0YWIwMjU4MmNhYWIwOTc2ZjhkMS5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
29. 设置视图的背景颜色为紫色，然后点击打开另一个视图控制器文件。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzY5MS9kNWMyNzRiOTA4MDkwNmQwNzk4ZGQxMzcyMzYwYTM0My5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
30. 首先为当前视图控制器，添加滚动视图的代理协议。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzEwNi82YTEwZjExOTM5MGQ5ZTIwZmJmYWVjYzFmZTQ5N2NhMi5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
31. 然后为视图控制器，添加一个滚动视图属性。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzU4Ni8wNTQzNTNkM2M4NjU5YmI1OGNhZjk5NmIyNWE2YmQ2YS5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
32. 滚动视图是一个可以拖动的组件，无论是开发应用还是开发游戏，您都会经常用到该组件。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzgzNi8yOTljNTM4NzViZWExZTk2MTRiYWQyZTNlZDdjNmYyNC5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
33. 继续添加一个控制翻页的属性，使用它来控制滚动视图的翻页。通过该组件中的小白点，来观察当前页面的位置。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzU3My9hNjdjMDI4NjViODNjYmZkZWY5MTI1YzIxMGE1NmNjZC5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
34. 添加一个状态属性，用来标志页面的滑动状态。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzcyNi8yOTUzNjRiODU1MjNhNGRhNGYyMTFmZDU2YWU0MmQyZS5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
35. 首先获取当前设备的屏幕尺寸信息。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQ1My8wNGRiOWE4OGYwNzZlODcyYThhMTViNDM4YTdlM2MyZC5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
36. 然后获得屏幕尺寸的宽度值和高度值。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzIxOC8zZTZjOTNmNWNhMDdlYTQ1ZjNjOGM5MDZkNDQxNTAyYS5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
37. 创建一个区域，来显示之前创建的视图控制器。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzIxMi80ZTZmNWRlYWFiNjI3YWU2ZTAzNDA2MWU1YzYzYWI0Yy5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
38. 设置滚动视图为分页模式，即每滚动一次就是一页。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzk2Ny9mOGQ0MTdiMWZiNGE2YmMzMWRlNTg0NTAwYWVkZjA4Zi5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
39. 设置滚动视图的尺寸信息。您有两个页面，所以将滚动视图的宽度，设置为两倍页面宽度。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzMzMS9kMzBhZmU5ZTExOTgxZDkzOGUwZWU2MTk5ZDVlYTdkYi5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
40. 设置滚动视图的背景颜色为黑色。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQ0NS81NDFmZGI4MjA2ZjBkNjAzNzI1YzNmMjI5NDkyZWY3NS5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
41. 设置滚动视图对象的代理为当前类，这样就可以在当前文件中，编写代理方法，以捕捉滚动视图的相关动作。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzM4Mi8yYzczZTMwY2RmMmE2YzJlMGM5MGNiNDg1YzdkN2YxZS5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
42. 再创建一个高度常量，作为页面控制器对象的高度。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzI5LzM5YjY4ZTNhYTc5NGVjNTRhNTEzMDNmMWE1MWViYzk1LnBuZw== "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
43. 然后创建一个区域，用来显示页面控制器对象。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzIwNC80OTdkMDhkZDhiMWFiNWNhM2Q0YWIxOGM5Njc3NmVlNC5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
44. 设置页面控制器对象的显示区域。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzc5MC8xMTk3NGUyY2I0Mjg5MjcwZTA2MGQ4NTYxYzY4YzQzZS5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
45. 接着设置页面控制器对象的总页数为两页。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzUwMS8yNTI0YzczY2VlY2FjZTI0Y2Q1ZTFmM2VmNTVjODNlZC5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
46. 设置页面控制器对象的当前页编号。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzg0Lzk2YzZiOTc2ZWI2N2MxMmE1YjU1YjgyZDY0YWI1YWY0LnBuZw== "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
47. 继续设置页面控制器对象的背景颜色为灰色。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQwLzI5N2Q2Mzk2YjA4ZTIwODJhOTE3ZDJhOTU0NDIwOWEwLnBuZw== "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
48. 给页面控制器对象，添加监听页面切换事件的方法。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzIxOS84NjljODM1MWY3MDYyMzk4NjIxY2U4YThhMjBjNTQ1My5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
49. 创建第一个视图控制器对象的实例。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzU1Ny84NjgzZDUzMjc0NDI4NjgxNzY0ZjA5MTJhZTFhZDU3NS5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
50. 设置坐标原点的横向值为0。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzI1Ny83N2MyZTcxYjc4MjU5MzMyMThjYmJlODhmMmI4ZjUyMS5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
51. 设置第一个视图控制器对象的显示区域。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzE1NS80MDg3YmRiZWI2MjcwNmNiNTJmYTVlMWQxNmNiYjEyMy5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
52. 创建第二个视图控制器对象的实例。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzg3OS9lZDhmMjE4YmM2ODk5MDFkMjMxODYzMjA1YjA5MDM0Ny5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
53. 设置坐标原点的x值为屏幕宽度，即第二个视图控制器对象显示在屏幕之外。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQ0Mi9mMjQ2YWEwZTdiODY1NTcyNmRjMWRmYzUzODFmNTc0YS5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
54. 设置第二个视图控制器对象的显示区域。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzU1LzY3MGZiOGI4Yzc0OTQ3ZTYyY2M0MjJmMzMzMTk0OWZmLnBuZw== "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
55. 将两个视图控制器的根视图，分别添加到滚动视图对象里。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzE5My8zZjU0NTVmNDkxMWIyMjUyYmExYTM5YjBhNDI2NmEyOS5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
56. 再把滚动视图对象和页面控制器对象，分别添加到当前窗口的根视图里。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzY5MC8wZTYxMmViZmY4YmQzZjFhYTJlNDVjMDA0MzNlOTRjYS5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
57. 创建监听页面切换事件的方法。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzU2NC8yMzQ1MzIzZTg5NjA1NGVmNTNlN2U3MDczNjI4N2RlYy5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
58. 获得当前页面控制器对象的当前页码。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzI2Ni82ZmY0N2VjOTYzYjJlM2NiYzczMjQyMzE1MWU2ZTYwMi5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
59. 获得滚动视图当前的显示区域。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzkwMC9iM2VjYjg1ZGUxNzAzMDY2YjBlMjIyNWRlNDBhMTMxNC5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
60. 根据页面控制器对象的目标页码，计算滚动视图在下一页中的显示区域。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQ4My85NWU2MGU3M2ZlNjg4Y2M2YjJhOTY0ZWUyZmVkMWY4Yi5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
61. 然后滚动视图到目标区域。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzk2Ny9lMmZhYjc0Y2U5YThlNzg3MjAwZDJiMWUxNjRkMmIwZi5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
62. 设置通过页面控制器对象切换页面。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzgwNC83ZGJjNDlkZmMyMWNiYTM1MjM1ZTg5NjIyOTc2YWY3NC5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
63. 创建监听滚动视图的滚动事件的代理方法。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzM2My9mMDJmZWEyZTI1ZmJhZDNkNGM5MzBhYjJmNTg3OTAxMy5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
64. 如果是通过页面控制器对象切换页面，则不执行后面的代码。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzg5MC8wMjVhZmMyNzdmYTAwM2IzOGU0OWY2ZGVlMmQ2NjM0Mi5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
65. 获得滚动视图的宽度值。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzcyL2EwNzU2ODBkNjkyZWJhZjliYTQwZDAyN2ZmNjk1YjkwLnBuZw== "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
66. 根据滚动视图的宽度值和横向位移量，计算当前的页码。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzI3OC82Y2RlYWMzZDVhMzIyYjZhMWFjNTQwYThlZTYzZWE2ZS5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
67. 设置页面控制器的显示页码，为通过计算所得的页码。
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzg3OC84M2QzNjBhZGNiM2MwMDhkY2VlM2EwMjVhMjZlY2FkNi5wbmc= "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
![3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQ5LzA5ZjcxMzg3MDIzMDgyYWRhNzc5ZDZlZjg5NDk3Zjk5LnBuZw== "3.1 使用UIScrollView展示多个视图控制器 [原创iOS开发-Xcode教程]")
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，或扫描本页底部的二维码。课程配套素材下载地址：资料下载