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