Swift图片缩放

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

新建一个项目,在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

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值