1. 本节课将为您演示，如何制作可以采集用户数据的提示窗口。首先确保在您的项目中，已经安装了所需的第三方库，双击查看此处的Pod配置文件。
image
2. 根据配置文件中的相关设置，安装第三方库。安装完成之后，双击打开此处的项目文件。
image
image
image
image
image
image
8. 依次设置按钮控件的背景颜色为橙色，以及在正常状态下的标题文字。
image
image
image
image
12. 当用户点击该按钮时，初始化一个信息类型的弹出窗口，并设置弹出窗口的标题和子标题。接着点击左上角的[编译并运行]按钮，启动模拟器预览项目。
image
13. 在弹出的模拟器中，点击此处的按钮，以弹出一个警告窗口。
14. 当前弹出了一个警告窗口，窗口中包含了标题和子标题，同时在窗口的上方，还有一个信息类型的图标。点击窗口中的完成按钮，关闭弹出窗口。
image
image
image
image
18. 当用户点击该按钮时，初始化一个成功类型的弹出窗口，并设置弹出窗口的标题和子标题。
image
19. 可以通过弹出窗口的设置标题方法，重新设置窗口的标题文字。
image
20. 通过弹出窗口的设置子标题方法，可以重新设置窗口的子标题文字。接着点击左上角的[编译并运行]按钮，启动模拟器预览项目。
image
21. 在弹出的模拟器中，再次点击此处的按钮，以弹出一个警告窗口。
22. 当前弹出了一个警告窗口，窗口中包含了标题和子标题，同时在窗口的上方，还有一个成功类型的图标。点击窗口中的完成按钮，关闭弹出窗口。
image
image
image
image
26. 弹出窗口包含多种样式，这里创建一个错误类型的弹出窗口，并设置弹出窗口的标题和子标题。
image
27. 这里创建一个通知类型的弹出窗口，并设置弹出窗口的标题和子标题。
image
28. 此处创建一个警告类型的弹出窗口，并设置弹出窗口标题信息。
image
29. 创建一个信息类型的弹出窗口，您之前已经创建过该类型的窗口。
image
30. 创建一个编辑类型的弹出窗口，并设置弹出窗口的标题信息。然后点击左上角的[编译并运行]按钮，启动模拟器预览项目。
image
31. 在弹出的模拟器中，再次点击此处的按钮，以弹出一个警告窗口。
32. 当前弹出了一个警告窗口，窗口中包含了标题和子标题，同时在窗口的上方，还有一个编辑类型的图标。点击窗口中的完成按钮，关闭弹出窗口。
image
image
image
35. 对弹出窗口的视觉样式进行了修改。依次设置窗口的标题、子标题、持续时长、完成提示文字、主题样式、窗口颜色和按钮文字的颜色等属性。
image
36. 也可以初始化一个外观样式类，从而进行窗口样式的设置。
image
37. 您在此对窗口的标题字体、内容文字的字体、按钮字体进行了自定义设置，此处还设置不允许关闭按钮的显示。
image
38. 然后根据该外观对象，初始化一个指定外观样式的弹出窗口。
image
39. 调用窗口的显示通知方法，创建一个通知类型的弹出窗口。接着点击左上角的[编译并运行]按钮，启动模拟器预览项目。
image
40. 在弹出的模拟器中，再次点击此处的按钮，以弹出一个警告窗口。
41. 当前弹出了一个具有自定义样式的警告窗口。点击窗口中的完成按钮，关闭弹出窗口。
image
image
image
image
45. 接着添加另一个按钮控件，并给按钮添加一个闭包语句，以响应按钮的点击事件。
image
46. 调用窗口的显示成功方法，创建一个成功类型的弹出窗口。然后点击左上角的[编译并运行]按钮，启动模拟器预览项目。
image
47. 在弹出的模拟器中，再次点击此处的按钮，以弹出一个警告窗口。
48. 当前弹出了一个具有三个按钮的警告窗口。点击窗口中的第二个按钮，关闭弹出窗口，并观察底部控制台的日志输出。
image
image
50. 继续对代码进行一些修改，我们将创建一个自动隐藏的弹出窗口。
image
51. 初始化一个外观样式常量，并设置在窗口中不显示关闭按钮。
image
image
53. 然后调用弹出窗口对象的显示警告方法，打开一个警告类型的弹出窗口，并设置在显示三秒之后自动关闭弹出窗口。
image
image
image
image
57. 通过调用弹出窗口的显示信息方法，打开一个信息类型的弹出窗口，并设置窗口顶部的圆形图标。接着点击[编译并运行]按钮，启动模拟器预览项目。
image
58. 在弹出的模拟器中，再次点击此处的按钮，以弹出一个警告窗口。
59. 当前弹出了一个具有自定义圆角图标的信息窗口。点击窗口中的完成按钮，关闭弹出窗口。
image
image
61. 继续对代码进行一些修改，您将创建一个包含文本输入框的弹出窗口。
image
image
63. 接着往弹出窗口中，添加一个文本框，并设置文本框的占位文字。
image
64. 继续往弹出窗口中，添加一个按钮，当点击该按钮时，在控制台输出用户在文本框中输入的内容。
image
65. 然后通过调用窗口的显示编辑方法，打开一个编辑类型的弹出窗口。接着点击左上角的[编译并运行]按钮，启动模拟器预览项目。
image
66. 在弹出的模拟器中，再次点击此处的按钮，以弹出一个警告窗口。
image
68. 通过点击键盘提示区中的单词，往文本框内输入文字内容。
image
image
70. 输入完成后，点击文本框下方的按钮，并观察底部控制台的日志输出。
image
image
72. 继续对代码进行一些修改，您将创建一个包含自定义视图的弹出窗口。
image
image
image
75. 然后根据视图的宽度，计算即将添加的文本框的水平位置。
image
image
image
image
image
image
image
image
image
84. 设置文本框的文字对齐方式，并将第二个文本框也添加到视图中。
image
image
86. 然后给弹出窗口添加一个交互按钮，并设置按钮被点击后的动作。
image
87. 继续添加一个交互按钮，并设置按钮的背景颜色、文字颜色，同时还设置了按钮的计时状态属性为真。
image
88. 通过调用窗口的显示信息方法，打开一个信息类型的弹出窗口。接着点击左上角的[编译并运行]按钮，启动模拟器预览项目。
image
89. 在弹出的模拟器中，再次点击此处的按钮，以弹出一个警告窗口。
90. 当前弹出了一个具有计时功能的信息窗口，当时间过去之后，将自动关闭该窗口。最后点击此处的[停止]按钮，关闭模拟器，并结束本节课程。
image
本文整理自：《app开发中的神兵利器》，真正的[手把手]教学模式，用最快的速度上手iOS开发，苹果商店App Store免费下载：https://itunes.apple.com/cn/app/id1209739676，或扫描本页底部的二维码。课程配套素材下载地址：资料下载
apps8 2.png
网友评论