2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]
1. 在欢迎窗口右侧的历史项目列表中，双击打开之前创建的单视图项目模板。
![2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzYyMC8xNjExNWJiN2U2NzA0MjQyYmYyMTQwM2QyMzdlNWQ4Yy5wbmc= "2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]")
2. 本节课将为您演示，如何使用手势功能，给视图对象添加点击事件，实现视图对象的交互操作。首先在一个空白项目中，打开视图控制器的代码文件。
![2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzg0Ny9mZWFkMmM5ODU4YzBhYjc5OWM0OGM1YWM1YWRmZTIxZi5wbmc= "2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]")
3. 接着开始编写代码，实现这项功能。
![2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzk3NS8xZDBmZDcyYTRiZjdhMGRiY2NkMDNjZGI2YjY1MmMzNy5wbmc= "2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]")
4. 首先初始化一个原点在(32, 80)，宽度和高度都是256的矩形常量，作为视图的显示区域。
![2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzg3MS9iM2RlZmQwOTZkN2MzNmMyYzc0NzE5YjZjNWM5MTc0Zi5wbmc= "2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]")
5. 然后创建一个相应尺寸的图像视图对象。
![2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzgwNy9lYTQyYzRmZWM5NzNlMGIxNGI2NjNiZGNiMDAyYzlkNy5wbmc= "2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]")
6. 从资源文件夹中，读取项目中的一张图片。
![2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzg1Ny81ODhhZTI2NTA4ZmRjYTA4MmUxOGQ5NmU0ZjFjZGFmMS5wbmc= "2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]")
7. 使用加载的图片，创建一个图像视图。
![2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzg0MC81NWRjNWE2NWRkYjkwOTMwYjY3MWM1ZjMyNzNmZjJjMC5wbmc= "2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]")
8. 开启图像视图对象的交互功能。
![2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzU0Ni81OGJlM2RhMjdhYzVjZTQ1ODgwYzVhZjU1MmNiYjZiYS5wbmc= "2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]")
9. 将图像视图添加到当前视图控制器的根视图。
![2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzU4Ny8wM2JlNTc4MmVkZDE5MzZkNDdlMTEyNGY4NmUyZTBjYi5wbmc= "2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]")
10. 创建一个手势检测类，这是一个抽象类，它定义了所有手势的基本行为，并拥有6个子类，来检测发生在设备中的各种手势。
![2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzEyMC9hNTRlNGRhNDc5ZDk3ZGQ4NWU2OTE3YTk1Yzg2MGVkOC5wbmc= "2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]")
11. 将创建的手势，指定给图像视图。
![2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzY3MC80MjYzZGNiMGMzYTgyZTI1N2JhYjVhZGFlODcxYWYyZS5wbmc= "2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]")
12. 创建一个方法，用于接收手势事件。
![2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzY5Mi9iMDFmMDJiMTRiMDc1NTY3NTExNDIyYmQ2YTU2ODZlYy5wbmc= "2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]")
13. 当接收到手势事件后，弹出一个提示窗口。
![2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQzMy9iMzY4ODU2ZDBiNDgwZjQ3ZTUxODgzYjM5YjhiMGQ1OS5wbmc= "2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]")
14. 创建一个按钮，作为提示窗口中的[确定按钮]。当用户点击该按钮时，将关闭提示窗口。
![2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzg0Ny85MDM4NzE0YjBmZDY5OTI1M2MxMzc2NTdjNGY1ZDc1Zi5wbmc= "2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]")
15. 将确定按钮，添加到提示窗口中。
![2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzY5NS80NzE5ZTgzNjNjOTI3OGJhZTRiZDMyOWE3MmIzNjFkNy5wbmc= "2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]")
16. 在当前视图控制器中，展示提示窗口。然后点击[编译并运行]按钮，运行模拟器预览效果。
![2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzc2NC8yZTM1NDJhYmVlYTNhNmVkZGJlZmYyMmE4MDdmOGE1NC5wbmc= "2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]")
17. 在弹出的模拟器中，点击视图中的星星图形，查看手势的检测效果。
![2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzY5Ny9mYWRjYTVkNjVkMzkwNTUyMWIwZjk4YTFiMDE4NGIwMS5wbmc= "2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]")
18. 当用户点击图像视图时，由自定义的手势对象，接收并响应点击事件。在弹出的警告窗口中，点击确认按钮，关闭弹出窗口。
![2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQzNC8wZGM5NzYwYzAxMWEzOTU5ZjVlZGRkNDc1MjRhNDllYS5wbmc= "2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]")
![2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzY5L2I4YmVjYTQ3YWQ5ZjQ3ZjkxYzI5MTU0NjQxZWJhMGNkLnBuZw== "2.10 UITapGestureRecognizer手势之单击 [原创iOS开发-Xcode教程]")
2. 本节课将为您演示，如何使用手势功能，给视图对象添加点击事件，实现视图对象的交互操作。首先在一个空白项目中，打开视图控制器的代码文件。
3. 接着开始编写代码，实现这项功能。
4. 首先初始化一个原点在(32, 80)，宽度和高度都是256的矩形常量，作为视图的显示区域。
5. 然后创建一个相应尺寸的图像视图对象。
6. 从资源文件夹中，读取项目中的一张图片。
7. 使用加载的图片，创建一个图像视图。
8. 开启图像视图对象的交互功能。
9. 将图像视图添加到当前视图控制器的根视图。
10. 创建一个手势检测类，这是一个抽象类，它定义了所有手势的基本行为，并拥有6个子类，来检测发生在设备中的各种手势。
11. 将创建的手势，指定给图像视图。
12. 创建一个方法，用于接收手势事件。
13. 当接收到手势事件后，弹出一个提示窗口。
14. 创建一个按钮，作为提示窗口中的[确定按钮]。当用户点击该按钮时，将关闭提示窗口。
15. 将确定按钮，添加到提示窗口中。
16. 在当前视图控制器中，展示提示窗口。然后点击[编译并运行]按钮，运行模拟器预览效果。
17. 在弹出的模拟器中，点击视图中的星星图形，查看手势的检测效果。
18. 当用户点击图像视图时，由自定义的手势对象，接收并响应点击事件。在弹出的警告窗口中，点击确认按钮，关闭弹出窗口。
本文整理自：《互动教程 for Xcode9 & Swift4》，真正的[手把手]教学模式，用最快的速度上手iOS开发，苹果商店App Store免费下载：https://itunes.apple.com/cn/app/id1063100471，或扫描本页底部的二维码。课程配套素材下载地址：资料下载