一直觉得微信朋友圈的图片查看器很流弊,最近心血来潮也想模仿着做一个,经过一个多星期的研究,目前完成了1.0版本,好了废话不说了先看一下效果。
如何集成LZImageBrowser?
LZImageBrowser项目依赖于SDWebImage目前支持pod。如果不懂如何使用cocoapod的话,可先去百度查一下如何使用cocoapod。
(1.)使用pod集成(推荐)
a.) 打开终端使用下面的命令搜索LZImageBrowser,
pod search LZImageBrowser
如果无法搜索到,请执行pod repo update
命令,这个过程比较长,需要耐心等待。如果依然无法搜索到,前往文件/Users/szsh/Library/Caches/CocoaPods
把search_index.json
删除,然后再执行 pod search LZImageBrowser
b.)把LZImageBrowser加入到pod的Podfile文件,然后执行pod install
(2.)不使用cocoapod集成
a.)由于项目依赖于SDWebImage请先把SDWebImage拖入工程。
b.)将项目工程文件下的LZImageBrowser
文件夹下的文件拖入工程,项目传送门。
仅需3行代码轻松集成LZImageBrowser
(1.)引入头文件
#import <LZImageBrowser/LZImageBrowserMainView.h>
或者
#import "LZImageBrowserMainView.h"
(2.)初始化LZImageBrowserMainView并显示出来,具体代码如下
NSArray * images = @[@"http://olxnvuztq.bkt.clouddn.com/b01.jpg",@"http://olxnvuztq.bkt.clouddn.com/b02.jpg",@"http://olxnvuztq.bkt.clouddn.com/b03.jpg",@"http://olxnvuztq.bkt.clouddn.com/b04.jpg",@"http://olxnvuztq.bkt.clouddn.com/b05.jpg",@"http://olxnvuztq.bkt.clouddn.com/b06.jpg"];
LZImageBrowserMainView * mainView = [LZImageBrowserMainView imageBrowserMainViewUrlStr:images originImageViews:ges.view.superview.subviews selectPage:ges.view.tag];
[mainView showImageBrowserMainView];
详情请看demo,如果大家觉得好用,请给项目一个star谢谢。
更新=========================================
升级版本1.0.2(pod同步更新)
1.自定义转场动画
2.支持3DTouch触发
新版本效果图
初始化依然很简单
(1.)引入头文件
#import <LZImageBrowser/LZImageBrowserManger.h>
或者
#import "LZImageBrowserManger.h"
(2.)初始化LZImageBrowserManger
NSArray * bigImages = @[@"http://olxnvuztq.bkt.clouddn.com/b01.jpg",@"http://olxnvuztq.bkt.clouddn.com/b02.jpg",@"http://olxnvuztq.bkt.clouddn.com/b03.jpg",@"http://olxnvuztq.bkt.clouddn.com/b04.jpg",@"http://olxnvuztq.bkt.clouddn.com/b05.jpg",@"http://olxnvuztq.bkt.clouddn.com/b06.jpg"];
//初始化 manger
LZImageBrowserManger *imageBrowserManger = [LZImageBrowserManger imageBrowserMangerWithUrlStr:bigImages originImageViews:originImageViews originController:self forceTouch:YES forceTouchActionTitles:@[@"赞", @"评论", @"收藏"] forceTouchActionComplete:^(NSInteger selectIndex, NSString *title) {
NSLog(@"当前选中%ld--标题%@",(long)selectIndex, title);
}];
_imageBrowserManger = imageBrowserManger;
(3.)在图片的点击事件加入展示LZImageBrowserManger方法
//点击了的某一个 imageView
_imageBrowserManger.selectPage = ges.view.tag;
[_imageBrowserManger showImageBrowser];