2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程]
1. 在欢迎窗口右侧的历史项目列表中,双击打开之前创建的单视图项目模板。
![2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程] 2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzIyMC9iNWJlMTIyOTQ1OGFlYjQwMmYyOGIxMmFkOTZhY2E2Yy5wbmc=)
2. 本节课将为您演示,如何给视图对象添加手势,使视图对象能够检测到手指的双击操作。首先在一个空白项目中,打开视图控制器的代码文件。
![2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程] 2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzg0OS9lNTYwMGU5MDVkOWRjMTY4MGM1ZjQxMDc0ZWJhM2JiMS5wbmc=)
3. 接着开始编写代码,实现这项功能。
![2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程] 2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzEyMC81NTgyN2MxNGQ4NWVmMmU4OGEwYTUwNmZiNTJiOTE0MC5wbmc=)
4. 首先初始化一个原点在(32, 80),宽度和高度都是256的矩形常量,作为视图的显示区域。
![2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程] 2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzY3NS8zZGQ4NzBlMjA0MzFkNWEzZTk0ZmM0ZjljOTE1OWNmYi5wbmc=)
5. 然后创建一个相应尺寸的图像视图。
![2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程] 2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzE5NC9kOGEwYTlmYTllYmFiOTkxYTM5M2IwZmVkNDY1ZTAxMi5wbmc=)
6. 从资源文件夹中,读取项目中的一张图片。
![2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程] 2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzc4Mi85NTNlMjkxZmMwNWZlZDdlOGU3NTI2ZWRkYmY3Y2U5ZS5wbmc=)
7. 使用加载的图片,创建一个图像视图。
![2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程] 2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzE1Ni8yNmJjYzkzZGI1YmE0NDgxMTUwZTE4NTA3ODQ2ODFlYy5wbmc=)
8. 开启图像视图对象的交互功能。
![2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程] 2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzg2NS8xNjczZWI3Mzk1NzRmM2RiMWY2OWZlYzUyOTQyNjM0OS5wbmc=)
9. 将图像视图,添加到当前视图控制器的根视图。
![2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程] 2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzIxMi8zNzA1YzEyNGQ5NzM2MzlmM2E5YjkzYTNkYjhhMmIzYy5wbmc=)
10. 创建一个手势对象,用于检测发生在设备中的手势。
![2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程] 2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzYyNi84NzZkN2FiYzU0OTIyZjg1MjYzMjAxYzVhNmQ5YTY3YS5wbmc=)
11. 设置点击次数为2,模拟双击事件。
![2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程] 2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQ5OC84NGM3MThjMzQyODM4NjhhMTJhMjJiNjFmMzlmOTY3YS5wbmc=)
12. 设置手势为单次双击事件。
![2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程] 2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzUwOC83M2FlOTJkNzYzNTIwNjQ3MGQzYWRjNzU3MzU5NGEyYy5wbmc=)
13. 将手势指定给图像视图对象。
![2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程] 2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzczNC9jMWMzYWE2MDE3NGU0NTQ0NWJiMmQwZWRiNDI1Y2EwZS5wbmc=)
14. 创建一个方法,用来响应双击手势的事件。
![2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程] 2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzcxMS9iOGQyZGRlMTcwZGQ1NjQ4NzkxZmI0NjMwYzAzOGRiNy5wbmc=)
15. 当接收到手势事件后,弹出一个提示窗口。
![2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程] 2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzUyNC84NGJkM2ZjYjBiYTVjZDVhZWM0MzhiZTQzMjZiYWZjYy5wbmc=)
16. 创建一个按钮,作为提示窗口中的[确定按钮]。当用户点击该按钮时,将关闭提示窗口。
![2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程] 2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzYzNi8xMDEyNzU1ODg5MDgyYmI4ZTRjMjRlMTBmNzg4ZjhlNC5wbmc=)
17. 将确定按钮,添加到提示窗口中。
![2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程] 2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzY0Mi9iMDlmMzkzNTI2ZmEyMWU1NTIxZjU1ODM1NWZkMDkxYS5wbmc=)
18. 在当前视图控制器中,展示提示窗口。然后点击[编译并运行]按钮,运行模拟器预览效果。
![2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程] 2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzczNS9jOTIyZWFkN2M4YmU0MzFhMTFmZDc1YTBhYjM5ZDY3Ny5wbmc=)
19. 接着在弹出的模拟器中,鼠标双击星星图标,检测手势的执行效果。
![2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程] 2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzcwNy83NDczY2RlMzY5OTIxM2RiNzljNGU3MzI0M2E3ZmNkMy5wbmc=)
20. 当用户双击图像视图时,由自定义的手势对象,接收并响应点击事件。在弹出的警告窗口中,点击确认按钮,关闭弹出窗口。
![2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程] 2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzgyNS83ZDA0MDY3M2UzNjg4YmZhODFlYWRiMjM5OWU5NTNkMS5wbmc=)
![2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程] 2.12 UITapGestureRecognizer手势之双击 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzMyMi81ZDE4NjE0ZDA1MzNmYTVkZmY0ZjBjNzk3ZDhkZWI3Mi5wbmc=)
2. 本节课将为您演示,如何给视图对象添加手势,使视图对象能够检测到手指的双击操作。首先在一个空白项目中,打开视图控制器的代码文件。
3. 接着开始编写代码,实现这项功能。
4. 首先初始化一个原点在(32, 80),宽度和高度都是256的矩形常量,作为视图的显示区域。
5. 然后创建一个相应尺寸的图像视图。
6. 从资源文件夹中,读取项目中的一张图片。
7. 使用加载的图片,创建一个图像视图。
8. 开启图像视图对象的交互功能。
9. 将图像视图,添加到当前视图控制器的根视图。
10. 创建一个手势对象,用于检测发生在设备中的手势。
11. 设置点击次数为2,模拟双击事件。
12. 设置手势为单次双击事件。
13. 将手势指定给图像视图对象。
14. 创建一个方法,用来响应双击手势的事件。
15. 当接收到手势事件后,弹出一个提示窗口。
16. 创建一个按钮,作为提示窗口中的[确定按钮]。当用户点击该按钮时,将关闭提示窗口。
17. 将确定按钮,添加到提示窗口中。
18. 在当前视图控制器中,展示提示窗口。然后点击[编译并运行]按钮,运行模拟器预览效果。
19. 接着在弹出的模拟器中,鼠标双击星星图标,检测手势的执行效果。
20. 当用户双击图像视图时,由自定义的手势对象,接收并响应点击事件。在弹出的警告窗口中,点击确认按钮,关闭弹出窗口。
本文整理自:《互动教程 for Xcode9 & Swift4》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1063100471,或扫描本页底部的二维码。课程配套素材下载地址:资料下载