使用swift实现的iOS端多图预览

本文介绍: 最近因工作需要学习了iOS相关开发技术，使用 swift 语言参与了部分需求的独立开发，其中，实现图片浏览器的需求在开发过程中发现和安卓端实现差异较大，于是便创建一个新项目，重新实现了一个可复用的图片浏览器 demo，这里记录了iOS项目的整体从零到一的开发过程中遇到的坑，加深自己 swift 开发能力。

项目环境:
macOS Mon t e re y 12.6.3
xCo de 14.2 (14C18)

前言

最近因工作需要学习了iOS相关开发技术，使用 swift 语言参与了部分需求的独立开发，其中，实现图片浏览器的需求在开发过程中发现和安卓端实现差异较大，于是便创建一个新项目，重新实现了一个可复用的图片浏览器 demo，这里记录了iOS项目的整体从零到一的开发过程中遇到的坑，加深自己 swift开发能力。

源码

https://github.com/zhuji a min g/XUIIm a g ePre viewer.git

实现原理

iOS的UISc rollView居然有缩放页面的效果（安卓真没这个特性），类似We bView的网页的缩放，所以基于UISc rollView实现了图片的预览切换，可以方便的查看多张图片。

新建 工程

无storyboard的配置 错误

删除 storyboard 配置运行过程中遇到报错：

Could no t find a storyboard name d ‘Main’ in bundle NSBundle …

删除main.s t o ry b o ar d的相关配置时，按照网上步骤发现这个配置不存在了，xCo de 项目中并没有Main Int e r face的选项。

真是奇了怪了，可能是版本更新导致的，只能靠检索关键字来查找了，通过以文本方式打开 project.pbxproj ,搜索 Main 就找到了这个配置所在的位置：

反向定位，原来是搁这了：

最后删除了这个配置，成功运行。

引入Pod库

pod 命令报错

需要在项目根目录下执行 pod init ，生成一个 Pod file 文件，但命令始终报错:

/Lib r a ry/Rub y/Ge ms/2.6.0/g e ms/cocoapods-1.12.0/lib/cocoapods/user _interface/error _repo rt.rb:34:in `force _encoding’: can’t modify frozen String (FrozenError)

查询一番资料后发现应该和xcode 版本有关，需要将 Proj e ct Form a t 的Xcode 14.0-com patible 设置为：Xcode 13.0-com patible

开发过程

路由 跳转 无效

pushViewCon t roller未执行路由跳转

需要将rootViewCont roller设置为UINavi gat ionController：
self.window?.rootViewController = UINavi gationController(rootViewContr oller: MainViewContr oller())

预览图片初始 位置不居中

由于预览图片是基于UIScrollView实现，UIScrollView与整个屏幕有联动效果。
进入图片预览页面后，发现初始显示的图片位置始终居下，点击屏幕后就恢复到中间位置了。

分析原因
不居中时，根据背景色判断 scrollView处于全屏状态，这种只有滚动时才出现，所以可能是系统的某种联动效果，导致初始时scrollView计算的高度没有按照实际内容的高度而是按照屏幕高度计算的。

处理
设置 UIViewController 的 edgesForExtendedLayout = []

edg esForExtendedLay out是一个UIViewContr oller的属性，用于指定视图控制器的视图是否延伸到边缘。它可以设置为left、right、top、bottom、all、none或这些组合。在iOS 7及以上版本中，默认情况下，视图控制器的视图会延伸到屏幕的边缘。可以通过设置edg esForExtendedLayout 属性来控制视图是否延伸到导航栏、状态栏等系统提供的视图下面。例如，将ed g esForExtendedLayout属性设置为UIRectEd ge.bottom 可以让视图控制器的视图不延伸到底部。