zoukankan      html  css  js  c++  java
  • iOS:第三方框架MJPhotoBrowser图片浏览器的使用

    介绍:MJPhotoBrowser这个第三方库是MJ老师封装的一套用来浏览图片的浏览器,可是是本地图片、网络图片、gif图片等,其也依赖了SDWebImage、SVProgressHUD、YLGIFImage这些三方库,因为高度封装,所以集成起来比较简单,貌似已经停止更新并卸下了。下面看一些几个重要的类:

    MJPhotoBrowser框架:http://files.cnblogs.com/files/XYQ-208910/MJPhotoBrowser.zip 

    图片模型类MJPhoto

    MJPhoto.h

    #import <UIKit/UIKit.h>
    #import <Foundation/Foundation.h>
    #import <QuartzCore/QuartzCore.h>
    #import <YLGIFImage/YLImageView.h>
    #import <YLGIFImage/YLGIFImage.h>
    #import <SDWebImage/UIImageView+WebCache.h>
    #import <SVProgressHUD/SVProgressHUD.h>
    
    @interface MJPhoto : NSObject
    
    @property (nonatomic, strong) NSURL *url;     //图片链接
    @property (nonatomic, strong) UIImage *image; // 完整的图片
    
    @property (nonatomic, strong) UIImageView *srcImageView; // 来源view
    @property (nonatomic, strong, readonly) UIImage *placeholder; //占位图片
    @property (nonatomic, strong, readonly) UIImage *capture; //截图
    
    // 是否已经保存到相册
    @property (nonatomic, assign) BOOL save; 
    @property (nonatomic, assign) int index; // 索引
    
    @end

    MJPhoto.m

    #import "MJPhoto.h"
    
    @implementation MJPhoto
    
    #pragma mark - 截图
    - (UIImage *)capture:(UIView *)view
    {
        UIGraphicsBeginImageContextWithOptions(view.bounds.size, YES, 0.0);
        [view.layer renderInContext:UIGraphicsGetCurrentContext()];
        UIImage *img = UIGraphicsGetImageFromCurrentImageContext();
        UIGraphicsEndImageContext();
        return img;
    }
    
    - (void)setSrcImageView:(UIImageView *)srcImageView
    {
        _srcImageView = srcImageView;
        _placeholder = srcImageView.image;
        if (srcImageView.clipsToBounds) {
            _capture = [self capture:srcImageView];
        }
    }
    
    @end

    预览器类MJPhotoBrowser

    MJPhotoBrowser.h

    #import "MJPhoto.h"
    
    @protocol MJPhotoBrowserDelegate;
    
    @interface MJPhotoBrowser : NSObject <UIScrollViewDelegate>
    // 所有的图片对象
    @property (nonatomic, strong) NSArray *photos;
    // 当前展示的图片索引
    @property (nonatomic, assign) NSUInteger currentPhotoIndex;
    // 保存按钮
    @property (nonatomic, assign) NSUInteger showSaveBtn;
    
    // 显示图片
    - (void)show;
    
    @end

    集成过来使用的方法:

    1.本地图片

    -(void)addImage:(UIImage *)image
    {
        [self.photos addObject:image];
        UIImageView *imageView = [[UIImageView alloc]initWithImage:image];
        imageView.contentMode = UIViewContentModeScaleToFill;
        imageView.userInteractionEnabled = YES;
        [imageView addGestureRecognizer:[[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(photoTap:)]];
        [self addSubview:imageView];
    }
    
    //点击预览图片
    - (void)photoTap:(UITapGestureRecognizer *)recognizer
    {
        //1.创建图片浏览器
        NSMutableArray *kjphotos = [NSMutableArray array];
        MJPhotoBrowser *brower = [[MJPhotoBrowser alloc] init];
        
        //2.告诉图片浏览器显示所有的图片
        for (int i = 0 ; i < self.photos.count; i++) {
            //传递数据给浏览器
            MJPhoto *photo = [[MJPhoto alloc] init];
            photo.image = self.photos[i];
            photo.srcImageView = self.subviews[i]; //设置来源哪一个UIImageView
            [kjphotos addObject:photo];
        }
        brower.photos = kjphotos;
        
        //3.设置默认显示的图片索引
        brower.currentPhotoIndex = recognizer.view.tag;
        
        //4.显示浏览器
        [brower show];
    }

    2.网络图片

    //监听图片的点击  
    - (void)tapPhoto:(UITapGestureRecognizer *)recognizer  
    {  
        //1.创建图片浏览器  
        MJPhotoBrowser *brower = [[MJPhotoBrowser alloc] init];  
          
        //2.告诉图片浏览器显示所有的图片  
        NSMutableArray *photos = [NSMutableArray array];  
        for (int i = 0 ; i < self.photos.count; i++) {  
            Photo *pic = self.photos[i];  
            //传递数据给浏览器  
            MJPhoto *photo = [[MJPhoto alloc] init];  
            photo.url = [NSURL URLWithString:pic.bmiddle_pic];  
            photo.srcImageView = self.subviews[i]; //设置来源哪一个UIImageView  
            [photos addObject:photo];  
        }  
        brower.photos = photos;  
          
        //3.设置默认显示的图片索引  
        brower.currentPhotoIndex = recognizer.view.tag;  
          
        //4.显示浏览器  
        [brower show];  
    }  
  • 相关阅读:
    Linux下的邮件发送
    Linux下用户和raid练习题
    Linux centos7.5操作系统的安装
    Linux chattr文件锁
    Linux系统下root密码丢失解决方案
    周总结2
    课堂作业1
    开课博客
    阅读3
    作业8
  • 原文地址:https://www.cnblogs.com/XYQ-208910/p/5283103.html
Copyright © 2011-2022 走看看