终结照片浏览器应用ios源码

我会带着你远行 2022-10-02 09:59 187阅读 0赞

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][]

<table> 
 <tbody> 
 <tr> 
 <td style="font-size:14px;border-top:#C0C0C0 1px solid;border-right:#C0C0C0 1px solid;border-collapse:collapse;border-bottom:#C0C0C0 1px solid;border-left:#C0C0C0 1px solid;">开发环境：Swift 1.2&nbsp;&nbsp;.Xcode 6.3 （一）总体说明1.本框架有OC版本，本次主要是汲取了OC版本所有bug与不足，同时听取在大量使用者的反馈与心声、修复与极大的改善了之前的OC版本并在此基础之上精心推出的Swift完美版，https://github.com/nsdictionary/CorePhotoBrowserVC。 2.纯swift支持，本地与网络支持，横竖屏支持，iPhone所有屏幕支持，iPad平板也支持并力求零Bug。 3.依赖框架说明：CFSnapKit（布局库）、Haneke（图片缓存库）、NVActivityIndicatorView（加载视图） 4.本次的文档会比较有趣，是以图片各功能来讲述的，请认真查看图片说明文字，使用也内嵌在这些图片说明中。 5.本框架基本是在我去若尔盖大草原上的长途汽车途中完成的，所以里面有大量若尔盖风景！ 6.不支持pod。 源码下载：<a href="http://code.662p.com/view/11493.html" rel="nofollow">http://code.662p.com/view/11493.html</a> 快速集成 1.添加库拖拽PhotoBrowser文件夹到你的项目，拖拽Frameworks中的依赖库到您的项目中。 2.展示相册：分本地相册和网络相册 2.1展示本地相册/** 本地相册 */ func showLocal(index: Int){ let pbVC = PhotoBrowser()/**&nbsp;&nbsp;设置相册展示样式&nbsp;&nbsp;*/pbVC.showType = showType/**&nbsp;&nbsp;设置相册类型&nbsp;&nbsp;*/pbVC.photoType = PhotoBrowser.PhotoType.Local//强制关闭显示一切信息pbVC.hideMsgForZoomAndDismissWithSingleTap = truevar models: [PhotoBrowser.PhotoModel] = []let title = langType == LangType.Chinese ? titleLocalCH : titleENlet desc = langType == LangType.Chinese ? descLocalCH : descLocalEN//模型数据数组for (var i=0; i&lt;9; i++){&nbsp; &nbsp; let model = PhotoBrowser.PhotoModel(localImg:UIImage(named: "\(i+1).jpg")! , titleStr: title, descStr:desc, sourceView: displayView.subviews as! UIView)&nbsp; &nbsp; models.append(model)}/**&nbsp;&nbsp;设置数据&nbsp;&nbsp;*/pbVC.photoModels = modelspbVC.show(inVC: self,index: index)} 2.2展示网络相册/** 网络相册相册 */ func showHost(index: Int){ let pbVC = PhotoBrowser()/**&nbsp;&nbsp;设置相册展示样式&nbsp;&nbsp;*/pbVC.showType = showType/**&nbsp;&nbsp;设置相册类型&nbsp;&nbsp;*/pbVC.photoType = PhotoBrowser.PhotoType.Host//强制关闭显示一切信息pbVC.hideMsgForZoomAndDismissWithSingleTap = truevar models: [PhotoBrowser.PhotoModel] = []let titles = langType == LangType.Chinese ? titleHostCH : titleHostENlet descs = langType == LangType.Chinese ? descHostCH : descHostEN//模型数据数组for (var i=0; i&lt;9; i++){&nbsp; &nbsp; let model = PhotoBrowser.PhotoModel(hostHDImgURL: hostHDImageUrls, hostThumbnailImg: (displayView.subviews as! UIImageView).image, titleStr: titles, descStr: descs, sourceView: displayView.subviews as! UIView)&nbsp; &nbsp; models.append(model)}/**&nbsp;&nbsp;设置数据&nbsp;&nbsp;*/pbVC.photoModels = modelspbVC.show(inVC: self,index: index)} 本地相册和网络相册不同点总结如下： 1.照片浏览器属性showType：本地相册是枚举值Local,网络相册是枚举值Host 2.照片浏览器的相册模型是PhotoBrowser.PhotoModel类型，他有两个初始化方法： 本地相册请调用初始化方法PhotoBrowser.PhotoModel(localImg:...， 网络相册请调用初始化方法PhotoBrowser.PhotoModel(hostHDImgURL:...这个方法。 3.功能详解（图文使用，请认真查看）： (1) 基本展示可以直接展示照片浏览器，且可指定page显示.之前我看过的几乎所有的照片浏览器基本都是直接添加在window上的，这样做最简单但有致命缺陷就是设置旋转之后，window上的照片浏览器并不知道。所以我在这里更改了传统做法。照片浏览器初始化传入的vc，请传当前业务控制器即可，不要乱传其他的比如navigationVC，tabarVC哦。。<img alt="" src="http://static.oschina.net/uploads/img/201510/08095714_ZMnS.gif" width="308" height="561"> (2) 无NavBar，无TabBar 照片浏览器是隐藏了状态栏的，在ios7下状态栏是基于Cotroller管理的，但这个不方便我操作，所以你需要在info.plist文件中加一个属性：View controller-based status bar appearance 并将值设置为NO。 <img alt="" src="http://static.oschina.net/uploads/img/201510/08095718_1EI5.gif" width="307" height="557"> (3) 有NavBar，无TabBar <img alt="" src="http://static.oschina.net/uploads/img/201510/08095727_RFBO.gif" width="307" height="557"> (4) 无NavBar，有TabBar 有TabBar的情况下尤为要注意：因为照片浏览器是添加在vc之上的（能自动旋转，并在设计上是合理的），所以您的vc最好是全屏布局的，就是说最好不要使用vc.edgesForExtendedLayout，否则你可能会发现您的照片浏览器不是全屏的大小。 <img alt="" src="http://static.oschina.net/uploads/img/201510/08095744_eeBF.gif" width="307" height="557"> (5) 有NavBar，有TabBar <img alt="" src="http://static.oschina.net/uploads/img/201510/08095757_CC6w.gif" width="307" height="557"> (6) Push模式请直接设置pbVC.showType = PhotoBrowser.ShowType.Push&nbsp; Push模式界面已经自定义，统一了界面 <img alt="" src="http://static.oschina.net/uploads/img/201510/08095808_x6KE.gif" width="307" height="557"> (7) Modal模式请直接设置pbVC.showType = PhotoBrowser.ShowType.Modal&nbsp; 界面已经自定义 <img alt="" src="http://static.oschina.net/uploads/img/201510/08095836_FnQz.gif" width="307" height="557"> (8) 放大模型：仿网易新闻，经典OC版本模式请直接设置pbVC.showType = PhotoBrowser.ShowType.ZoomAndDismissWithCancelBtnClick&nbsp; 仿网易效果为：单击不会退出，但会切换隐藏或显示详细信息。&nbsp; 单击：显示详细信息再单击：隐藏详细信息并进入全屏深度查看模式，此模式下无pageControl <img alt="" src="http://static.oschina.net/uploads/img/201510/08095849_UPud.gif" width="307" height="557"> (9) 放大模式：微信、新浪微博缩放模式大家在OC版本反馈想要的功能，，经典OC版本无此功能 请直接设置pbVC.showType = PhotoBrowser.ShowType.ZoomAndDismissWithSingleTap&nbsp; 仿微信效果为：单击不会切换详细信息，而是直接就退出。&nbsp; 注：此模式下可定制详细信息显示模式，下面会写到。 <img alt="" src="http://static.oschina.net/uploads/img/201510/08095913_bR5b.gif" width="307" height="557"> (10) 横屏功能支持：大家在OC版本反馈想要的功能横屏模式可兼容iPad，并可竖进竖出、竖进横出、橫进橫出、橫进竖出。进：指的是点击缩略图进入照片浏览器；出：指的是退出照片浏览器。 <img alt="" src="http://static.oschina.net/uploads/img/201510/08095944_Obw5.gif" width="565" height="314"> (11) 图片保存图片做了重复保存逻辑，但下一次再次进入照片浏览器还是可以再次保存OC版本做了严密的仿重复保存处理，不过代价略高。注：我看了微信、微博也是一样的，下次进入还是可以重复保存，所以不纠结 <img alt="" src="http://static.oschina.net/uploads/img/201510/08100019_f4Gb.gif" width="315" height="557"> (12) 信息滚动查看：大家在OC版本反馈想要的功能请注意查看第2页详细文字过少因而不能滚动，而第1页文字过多，是可以上下滚动查看的注：文字过少不可滚动。文字过多可直接滚动，可选中文字。 <img alt="" src="http://static.oschina.net/uploads/img/201510/08100036_plK5.gif" width="315" height="557"> (13) 单击模式：详细信息模式有标题以及具体的详细说明文字信息注：默认为显示详细信息，单击退出模式下此功能可定制，请参见下一个示例 <img alt="" src="http://static.oschina.net/uploads/img/201510/08100049_nrAf.gif" width="315" height="557"> (14) 单击模式：去除详细信息模式，仿微信这个是大家在OC版本反馈想要的功能 无标题以及详细文字，但有pageControl 请设置以下代码，注意此功能仅仅在ZoomAndDismissWithSingleTap下有效//强制关闭显示一切信息 pbVC.hideMsgForZoomAndDismissWithSingleTap = true<img alt="" src="http://static.oschina.net/uploads/img/201510/08100106_rizU.gif" width="315" height="557"> (15) 缩略图未加载成功，大图也没有加载成功默认使用动态生成的黑色图片缩放 swift中的图片缓存框架Haneke目前不支持下载进度，所以没有图片下载进度，其他有进度的框架又是只支持ios8以上。不过我在Haneke的issue中请教了如果获取进度，不过作者还没有回复我。如果有了进度功能，我会尽快添加进度指示。 <img alt="" src="http://static.oschina.net/uploads/img/201510/08100127_Giv9.gif" width="315" height="557"> (16) 缩略图加载成功，大图没有加载成功缩略图动态到照片浏览器正中间120*120缩略图占位状态 <img alt="" src="http://static.oschina.net/uploads/img/201510/08100130_BX4y.gif" width="315" height="557"> (17) 缩略图加载成功，大图也加载成功缩略图直接缩放到高清大图计算后的位置占位状态 <img alt="" src="http://static.oschina.net/uploads/img/201510/08100137_blOJ.gif" width="315" height="557"> (18) 缩略图加载成功，图片查看中下载成功及<a href="http://code.662p.com/list/276_1.html" rel="nofollow">动画</a>由缩略图占位动态变化到高清占位状态 <img alt="" src="http://static.oschina.net/uploads/img/201510/08100150_osiy.gif" width="315" height="557"> &nbsp;&nbsp;</td> 
 </tr> 
 </tbody> 
</table>

详细说明：[http://ios.662p.com/thread-2527-1-1.html][http_ios.662p.com_thread-2527-1-1.html]

转载于:https://my.oschina.net/chnehaimeihang/blog/514064

[2019_Python_]: https://my.oschina.net/u/2663968/blog/3061697
[hot3.png]: /images/20220113/0aeae600351e4e3f9caec8e171001025.png
[http_ios.662p.com_thread-2527-1-1.html]: http://ios.662p.com/thread-2527-1-1.html