博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
仿微博九宫格图片展示(转场效果练习)
阅读量:6072 次
发布时间:2019-06-20

本文共 1338 字,大约阅读时间需要 4 分钟。

  • 先贴出GitHub:

JPPhotoBrowserDemo


  • 需要将文件夹 JPPhotoBrowser 拖入程序中

目录结构

  • Extensions

  • UIImageView+JPWebImage 图片下载
  • UIView+JP_Frame 重写get/set方法
  • Views

  • JPImageShowBackView 九宫格布局View(若存在不必引用 可删除)
  • JPPhotoBrowserController 负责照片浏览的控制器
  • JPPhotoShowController 负责单张照片显示的控制器
  • JPPhotoBrowserAnimator 自定义转场

JPPhotoBrowser一个简单的多图大图浏览框架,有两种使用方法.
  • 1- 已经存在九宫格小图的View,点击小图需要展示大图进行浏览(可删除 JPImageShowBackView)
  • 2- 不存在九宫格小图View,但需要实现九宫格小图布局并且带有点击浏览大图的功能

具体使用

//对于第一种情况下 在点击单张小图时 掉用以下代码即可//imageUrls 大图的Url集合//imageViews 小图的View的集合//currentImageIndex 当前点击的序号JPPhotoBrowserController *photoController = [[JPPhotoBrowserController alloc] initWithImageUrls:self.largeImageUrls imageViews:imageViews index:currentImageIndex];//如果此处不指定自定义转场 那么会使用默认的转场photoController.modalPresentationStyle = UIModalPresentationCustom;[self.superController presentViewController:photoController animated:YES completion:nil];复制代码
//对于第二种情况下 在需要展示九宫格的控制器(控制器的View上)加上九宫格展示View 后续逻辑无需再管 三个属性为必传//宽高可以随便写 XY必须确定_imageShowBackView = [[JPImageShowBackView alloc] initWithFrame:CGRectMake(0, 100, 0, 0)];//小图的URL集合_imageShowBackView.smallImageUrls = smallImageUrls;//大图的URL集合 保证两个数组个数相同_imageShowBackView.largeImageUrls = largeImageUrls;//需要执行跳转的控制器(一般为当前View所在的控制器)_imageShowBackView.superController = self;[self.view addSubview:_imageShowBackView];复制代码

转载于:https://juejin.im/post/5b3c3fd75188251b1f2236d2

你可能感兴趣的文章
iOS - Library 库
查看>>
MATLAB 读取DICOM格式文件
查看>>
spring事务管理(Transaction)
查看>>
django.contrib.auth登陆注销学习
查看>>
js执行本地exe文件的3种方法
查看>>
理解B树索引
查看>>
vi编辑器的命令集合
查看>>
Mysql利用binlog恢复数据
查看>>
解决 Windows启动时要求验证
查看>>
我的友情链接
查看>>
用yum安装mariadb
查看>>
一点IT"边缘化"的人的思考
查看>>
Gallery循环滑动
查看>>
Sql与C#中日期格式转换总结
查看>>
iOS开发流程总结
查看>>
hadoop datanode 启动出错
查看>>
js颜色拾取器
查看>>
IDEA使用(1)intellIJ idea 配置 svn
查看>>
Thread Safety in Java(java中的线程安全)
查看>>
WPF 降低.net framework到4.0
查看>>