iOS基础 - 相片浏览器

本文介绍了如何在iOS中创建一个照片浏览器,包括需求分析、调整瀑布流布局、建立相关文件、实例化视图和手势处理等步骤。浏览器支持全屏显示、照片缩放、滑动切换,并详细阐述了视图的显示、隐藏以及性能优化。
摘要由CSDN通过智能技术生成

一、需求分析

点击照片从当前照片位置动画弹出新的视图控制器显示选中的照片,新的视图控制器为全屏显示,背景为黑色,再次点击照片动画缩小至当前选中的照片位置,双击放大照片,如果已经放大则缩小,在新的视图控制器中滑动手指,可以在照片之间切换,当前显示的照片支持手指捏合手势,放大或缩小照片,照片切换时,在照片的下方显示标签提示当前显示的照片数量及照片总数。

性能优化:点击照片从当前照片位置动画弹出新的视图控制器显示选中的照片(非modal、非push

新的视图控制器为全屏显示,背景为黑色(修改UIApplication的状态栏),再次点击照片动画缩小至当前选中的照片位置(照片视图需要与父视图中的UIImageView建立关联),在新的视图控制器中滑动手指,可以在照片之间切换(UIScrollView的分页支持),当前显示的照片支持手指捏合手势,放大或缩小照片(UIScrollView的代理方法支持图片缩放),照片切换时,在照片的下方显示标签提示当前显示的照片数量及照片总数(开启新的视图控制器前,需要传入照片数组)

二、调整瀑布流

因网络抓取JSON数据的问题,改为从本地plist文件加载照片数据文件,修改MGJData,增加大图URL,修改WaterFlowView中的generateCacheData方法,在重新加载数据前删除所有子视图,创建PhotoBowser分组,保存照片浏览器代码

三、建立照片浏览器所需文件

PhotoBowserViewController:负责照片浏览控制

PhotoView:显示单张照片,继承自UIScrollView

PhotoToolbarView:照片工图栏视图,显示保存按钮和照片索引

PhotoModel:照片数据模型类,保存照片浏览器的数据

四、建立数据模型

+ (id)photoModelWithUrl:(NSURL *)url index:(NSInteger)index;

// 图像Url

@property (strong, nonatomic) NSURL *url;

// 图像索引

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值