iOS仿微信朋友圈图片查看器

一直觉得微信朋友圈的图片查看器很流弊,最近心血来潮也想模仿着做一个,经过一个多星期的研究,目前完成了1.0版本,好了废话不说了先看一下效果。


效果图
如何集成LZImageBrowser?

LZImageBrowser项目依赖于SDWebImage目前支持pod。如果不懂如何使用cocoapod的话,可先去百度查一下如何使用cocoapod。

(1.)使用pod集成(推荐)

a.) 打开终端使用下面的命令搜索LZImageBrowser,

pod search LZImageBrowser

如果无法搜索到,请执行pod repo update命令,这个过程比较长,需要耐心等待。如果依然无法搜索到,前往文件/Users/szsh/Library/Caches/CocoaPodssearch_index.json删除,然后再执行 pod search LZImageBrowser

b.)把LZImageBrowser加入到pod的Podfile文件,然后执行pod install

(2.)不使用cocoapod集成

a.)由于项目依赖于SDWebImage请先把SDWebImage拖入工程。
b.)将项目工程文件下的LZImageBrowser文件夹下的文件拖入工程,项目传送门。

仅需3行代码轻松集成LZImageBrowser

(1.)引入头文件

#import 
或者
#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 
或者
#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];

项目传送门。

你可能感兴趣的:(iOS仿微信朋友圈图片查看器)