3.3 通过捏合手势实现图像视图的放大和缩小 [iOS开发中的神兵利器]

1. 本节课将为您演示,如何通过捏合手势,来实现图片的放大和缩小。首先在左侧的项目导航区,打开视图控制器的代码文件。

3.3 通过捏合手势实现图像视图的放大和缩小 [iOS开发中的神兵利器]_第1张图片
image

2. 现在开始编写代码,实现通过添加捏合手势,放大和缩小图片的功能。

3.3 通过捏合手势实现图像视图的放大和缩小 [iOS开发中的神兵利器]_第2张图片
image

3. 首先创建一个矩形区域,作为图像视图的显示区域。

3.3 通过捏合手势实现图像视图的放大和缩小 [iOS开发中的神兵利器]_第3张图片
image

4. 根据该显示区域,初始化一个图像视图。

3.3 通过捏合手势实现图像视图的放大和缩小 [iOS开发中的神兵利器]_第4张图片
image

5. 从项目中读取一张图片资源。

3.3 通过捏合手势实现图像视图的放大和缩小 [iOS开发中的神兵利器]_第5张图片
image

6. 由图像视图负责图片的显示。

3.3 通过捏合手势实现图像视图的放大和缩小 [iOS开发中的神兵利器]_第6张图片
image

7. 设置图像视图的交互属性为真,使图像视图可以接收触摸事件。

3.3 通过捏合手势实现图像视图的放大和缩小 [iOS开发中的神兵利器]_第7张图片
image

8. 最后将图像视图添加到当前视图控制器的根视图。

3.3 通过捏合手势实现图像视图的放大和缩小 [iOS开发中的神兵利器]_第8张图片
image

9. 接着初始化一个捏合手势,并给手势绑定触发事件。

3.3 通过捏合手势实现图像视图的放大和缩小 [iOS开发中的神兵利器]_第9张图片
image

10. 将捏合手势添加到图像视图。

3.3 通过捏合手势实现图像视图的放大和缩小 [iOS开发中的神兵利器]_第10张图片
image

11. 添加一个方法,作为捏合手势的回调方法。

3.3 通过捏合手势实现图像视图的放大和缩小 [iOS开发中的神兵利器]_第11张图片
image

12. 根据捏合手势识别器的缩放比例,调整图像视图的缩放比例。

3.3 通过捏合手势实现图像视图的放大和缩小 [iOS开发中的神兵利器]_第12张图片
image

13. 恢复捏合手势识别器的初始比例,使每次缩放都从百分之百的比例进行。接着点击左上角的[编译并运行]按钮,启动模拟器预览项目。

3.3 通过捏合手势实现图像视图的放大和缩小 [iOS开发中的神兵利器]_第13张图片
image

14. 双指在两个圆点处按下,并向内侧移动,缩小图像视图的显示比例。

15. 在手指移动时,图像视图根据手指偏移的距离,实时缩放尺寸。最后点击此处的[停止]按钮,关闭模拟器,并结束本节课程。

3.3 通过捏合手势实现图像视图的放大和缩小 [iOS开发中的神兵利器]_第14张图片
image

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

3.3 通过捏合手势实现图像视图的放大和缩小 [iOS开发中的神兵利器]_第15张图片
apps8 2.png

你可能感兴趣的:(3.3 通过捏合手势实现图像视图的放大和缩小 [iOS开发中的神兵利器])