新建一个项目,在Main.storyboard上添加Image View
修改Image View的属性,将Image改成自己的图片

Content Mode的几种类型:
Scale:拉伸图片。
Aspect:图片长宽的比例,保持图形的长宽比,保持图片不变形。
Aspect Fill:在保持长宽比的前提下,缩放图片,使图片充满容器Aspect Fit:在保持长宽比的前提下,缩放图片,使得图片在容器内完整显示出来。Scale to Fil:缩放图片,使图片充满容器。图片未必保持长宽比例协调,有可能会拉伸至变形
将ImageView连接至ViewController,运行一下


frame, bound都是视图的属性,都属于CGRect类型,有x, y, 高度,宽度四个参数,描述视图的位置和大小
frame: 当前视图相对于父视图的位置
bound: 当前视图相对于自己视图的位置
运行结果:
横屏

竖屏:

实现图片的缩放功能,Scroll View
选中Image View 嵌入至Image View

将Scroll View连接至View Controller,对Scroll View重新布局:

缩放Scroll View的字视图,三步骤:
1.maximumZoomScale&minimumZoomScale
2.delegate(代理)
3.代理函数
修改Scroll View的Zoom属性:

选中Scroll View按住control拖至View Controller连接,选择代理


Scroll View需要做一些事情,但他本身不知道要缩放哪个视图,通过代理让Scroll View知道缩放Image View
遵循代理协议,返回imageView视图即缩放这个视图
实现缩放,切换横屏出现图片位置大小不对!需要把横竖屏切换时缩放系数重置为1

本文介绍了如何在Swift中利用Scroll View实现图片的缩放功能。首先在Main.storyboard上添加Image View,并设置图片和Content Mode。接着,将ImageView嵌入Scroll View,设置Scroll View的Zoom属性,并通过设置maximumZoomScale、minimumZoomScale以及实现代理方法来实现图片的缩放。在处理横竖屏切换时,需要注意重置缩放系数以避免图片位置和大小错误。
947

被折叠的 条评论
为什么被折叠?



