MWPhotoBrowser性能优化

最新推荐文章于 2024-09-17 07:00:00 发布
最新推荐文章于 2024-09-17 07:00:00 发布
阅读量468 收藏
点赞数
分类专栏： IOS 文章标签： ios 性能优化 ios7 MWPhotoBro
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sadfgas/article/details/52623070
版权

最近在学习IOS开发下载了MWPhotoBrowser源码来研究, 运行的时候发现加载IPhone5 (ios7)系统相册数据的时候页面很卡,于是决定将它进行一下优化,在看了源码之后发现问题出在了MWPhoto.m这个文件中.

1.发现问题

加载系统相册数据的时候是使用的URL的形式来初始化数据的,这没什么问题,问题就出在了,没有区分是缩略图还是全屏图片啊.(MWPhotoBrowser图片的显示是区分缩略图显示还是全屏图片显示的,但是使用的图片都是全屏图片).源码里面默认都是加载的全屏图片,假如我要显示缩略图屏图片的时候给你来自一张全屏图片,而我实际只需要一张小小的缩略图,这不是白白浪费资源吗, 所以决定动手改造一下,我们首先来看看他的初始化方法,就是下面两个方法.貌似看不出什么问题.接着往下看..

// 这里没有区分是否为缩略图
+ (MWPhoto *)photoWithURL:(NSURL *)url {
    return [[MWPhoto alloc] initWithURL:url];
}
// 这里也没有区分是否为缩略图
- (id)initWithURL:(NSURL *)url {
    if ((self = [super init])) {
        self.photoURL = url;
    }
    return self;
}

看看它是怎么样加载图片的,首先来看看它是怎么加载系统相册里面的图片的,我们找到performLoadUnderlyingImageAndNotify这个方法,里面的代码
if ([[[_photoURL scheme] lowercaseString] isEqualToString:@”assets-library”]) 这一句就是判断是否为系统相册里面的图片. 如果是系统相册图片执行if里面的方法,这里貌似也没什么问题,我们接着往下看.来看看if之后调用的方法._performLoadUnderlyingImageAndNotifyWithAssetsLibraryURL

// Set the underlyingImage
- (void)performLoadUnderlyingImageAndNotify {

    // Get underlying image
    if (_image) {

        // We have UIImage!
        self.underlyingImage = _image;
        [self imageLoadingComplete];

    } else if (_photoURL) {

        // Check what type of url it is
        if ([[[_photoURL scheme] lowercaseString] isEqualToString:@"assets-library"]) {

            // Load from assets library
            [self _performLoadUnderlyingImageAndNotifyWithAssetsLibraryURL: _photoURL];

        } else if ([_photoURL isFileReferenceURL]) {

            // Load from local file async
            [self _performLoadUnderlyingImageAndNotifyWithLocalFileURL: _photoURL];

        } else {

            // Load async from web (using SDWebImage)
            [self _performLoadUnderlyingImageAndNotifyWithWebURL: _photoURL];

        }

    } else if (_asset) {

        // Load from photos asset
        [self _performLoadUnderlyingImageAndNotifyWithAsset: _asset targetSize:_assetTargetSize];

    } else {

        // Image is empty
        [self imageLoadingComplete];

    }
}

接下来就看到 if 语句里面调用的加载图片的方法.

// Load from asset library async
- (void)_performLoadUnderlyingImageAndNotifyWithAssetsLibraryURL:(NSURL *)url {
    dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{
        @autoreleasepool {
            @try {
                ALAssetsLibrary *assetslibrary = [[ALAssetsLibrary alloc] init];
                [assetslibrary assetForURL:url
                               resultBlock:^(ALAsset *asset){
                                   CGImageRef iref =  [[asset defaultRepresentation] fullScreenImage];
                                   if (iref) {
                                       self.underlyingImage = [UIImage imageWithCGImage:iref];
                                   }
                                   [self performSelectorOnMainThread:@selector(imageLoadingComplete) withObject:nil waitUntilDone:NO];
                               }
                              failureBlock:^(NSError *error) {
                                  self.underlyingImage = nil;
                                  MWLog(@"Photo from asset library error: %@",error);
                                  [self performSelectorOnMainThread:@selector(imageLoadingComplete) withObject:nil waitUntilDone:NO];
                              }];
            } @catch (NSException *e) {
                MWLog(@"Photo from asset library error: %@", e);
                [self performSelectorOnMainThread:@selector(imageLoadingComplete) withObject:nil waitUntilDone:NO];
            }
        }
    });
}

看到了吗,里面有下面这一句,这一句是将全屏图片加载出来,然后封装成UIImage. 问题就出在这里.

CGImageRef iref =  [[asset defaultRepresentation] fullScreenImage];

这一句没有区分是否为缩略图,假如我进入的是图片列表,需要加载缩略图,但是真是情况是加载全屏图片,这样会造成很大的资源浪费,而且会拖慢运行速度,所以解决办法是加一个属性,来区分是否为缩略图,来分别加载不同大小的图片

解决问题

首先在 MWPhoto.h 文件中添加属性

 @property (nonatomic) BOOL isThumb; //是否为缩略图

然后再把刚才那一句改一下改成下面这样

CGImageRef iref = self.isThumb?  [asset thumbnail]:[[asset defaultRepresentation] fullScreenImage];

这样就大功告成了. 再也不用担心加载系统相册卡顿的问题了…

最后既然我已经使用URL来加载系统图片了,为何不直接使用 ALAsset 来直接处理呢

所以有了下面的改造
MWPhoto.h 添加初始化方法,方法参数里面指定是否为缩略图

@property (nonatomic, strong) ALAsset *alAsset;
+ (MWPhoto *)photoWithALAsset:(ALAsset *)url isThumb:(BOOL) isThumb;
- (id)initWithALAsset:(ALAsset *)asset isThumb:(BOOL) isThumb;

MWPhoto.m 添加方法的实现

+(MWPhoto *)photoWithALAsset:(ALAsset *)asset isThumb:(BOOL)isThumb{
    return [[MWPhoto alloc]initWithALAsset:asset isThumb:isThumb];
}

-(id)initWithALAsset:(ALAsset *)asset isThumb:(BOOL)isThumb{
    if ((self = [super init])) {
        self.alAsset = asset;
        self.isThumb = isThumb;
    }
    return self;
}

然后改造一下MWPhoto.m中的performLoadUnderlyingImageAndNotify方法
添加 if(_alAsset){// 添加是否为系统图片的判断,然后判断中调用
_performLoadUnderlyingImageAndNotifyWithAssetsLibraryAlAsset 方法

// Set the underlyingImage
- (void)performLoadUnderlyingImageAndNotify {

    // Get underlying image
    if (_image) {

        // We have UIImage!
        self.underlyingImage = _image;
        [self imageLoadingComplete];

    } else if (_photoURL) {

        // Check what type of url it is
        if ([[[_photoURL scheme] lowercaseString] isEqualToString:@"assets-library"]) {

            // Load from assets library
            [self _performLoadUnderlyingImageAndNotifyWithAssetsLibraryURL: _photoURL];

        } else if ([_photoURL isFileReferenceURL]) {

            // Load from local file async
            [self _performLoadUnderlyingImageAndNotifyWithLocalFileURL: _photoURL];

        } else {

            // Load async from web (using SDWebImage)
            [self _performLoadUnderlyingImageAndNotifyWithWebURL: _photoURL];

        }

    } else if(_alAsset){// 添加是否为系统图片的判断
        // Load from photos asset
        [self _performLoadUnderlyingImageAndNotifyWithAssetsLibraryAlAsset: _alAsset];

    }else if (_asset) {

        // Load from photos asset
        [self _performLoadUnderlyingImageAndNotifyWithAsset: _asset targetSize:_assetTargetSize];

    } else {

        // Image is empty
        [self imageLoadingComplete];

    }
}

方法实现

// Load from asset library async
- (void)_performLoadUnderlyingImageAndNotifyWithAssetsLibraryAlAsset:(ALAsset *) asset {
    dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{
        @autoreleasepool {
            @try {
                CGImageRef iref = self.isThumb?  [asset thumbnail]:[[asset defaultRepresentation] fullScreenImage];
                if (iref) {
                    self.underlyingImage = [UIImage imageWithCGImage:iref];
                }
                [self performSelectorOnMainThread:@selector(imageLoadingComplete) withObject:nil waitUntilDone:NO];

            } @catch (NSException *e) {
                MWLog(@"Photo from asset library error: %@", e);
                [self performSelectorOnMainThread:@selector(imageLoadingComplete) withObject:nil waitUntilDone:NO];
            }
        }
    });
}

这次又进一步的优化了MWPhotoBrowser的加载性能, 还有MWPhotoBrowser选择图片时候, 会误选择图片问题的解决方案会在下一篇博客中继续讲解…

注: 无选择问题:
假设我点中一张图片然后向上或者向下滑动,这时候有可能会将这张图片勾选上, 假设我在快速滑动的时候,很容易误选择了不该选择的图片(比如)你懂得…

touotumu
关注
专栏目录
MWPhotoBrowser
流星雨的博客
11-27 332
MWPhotoBrowser 是一个强大且古老的图片浏览库，在GitHub上有英文版的详细使用说明。它同时依赖DACircularProgress ，MBProgressHUD ，SDWebImage。 GitHub地址 所以很多人建议是用cocoaPods导入 ，但如果导入后它所依赖的其它三个库是低版本的，例如MBProgressHUD是0.92的，想用1.0版本时，再导入一次MBProg...
iOS之MWPhotoBrowser照片浏览器框架的原理与使用
代码解释生活
04-02 8394
    https://github.com/mwaterfall/MWPhotoBrowser =========下面这个类是继承自MWPhotoBrowser,   #import "MyMWCaptionView.h" @interface MyMWCaptionView() @property(nonatomic,strong)   UILabel *label; @p...
MWPhotoBrowser框架的使用步骤
热门推荐
DaiSuke
03-09 2万+
下载MWPhotoBrowser 地址：https://github.com/mwaterfall/MWPhotoBrowser 突然发现并不像以前那样把框架拖进去导入头文件就可以使用，现在压根都没有封装好的库给我们拖，而且MWPhotoBrowser还依赖其他很多库，所以你不但要各种下载支持库，还要配置。所以推荐使用CocoaPods，轻轻松松完成各种配置。而且框架更新了，还会提示更新。至于有
MWPhotoBrowser 更新其依赖的第三方库
HumorousGhost
09-13 1827
前因 项目里面用到了环信的 EaseUI 库，而其中又包含了第三方库的引用。MWPhotoBrowser 就是其中的一个。而 MWPhotoBrowser 自身又包含了第三方的依赖，而且上次更新已经很早了。作者不维护了。 MWPhotoBrowser 依赖的第三方库： MBProgressHUD 0.9 （最新：1.0.0） SDWebImage 3.7 （最新：4.0.0） ...
在开发中图片浏览遇到的一些简单问题
anywhereIOS的博客
01-02 1659
在开发中图片浏览遇到的一些简单问题由于在项目中已经用到了一个第三方框架(MJPhotoBrowser)做图片浏览了,所以就使用了这个框架来做图片的浏览功能.项目需求 单击图片放大(只可以浏览单张图片) 增加删除按钮 怎么使用MJPhotoBrowser框架做图片浏览代码块 NSMutableArray *photoA = [NSMutableArray array];
MWPhotoBrowser的加强版iOS
04-06
这通常包括性能优化、界面美化、新功能添加等，以满足特定项目需求或提升用户体验。例如，可能添加了手势识别、自定义过渡动画、图片编辑功能、更好的内存管理或者对社交分享的支持。 在【标签】"IOS源码"中，我们...
swift-IDMPhotoBrowser是基于MWPhotoBrowser的新实现
08-15
`IDMPhotoBrowser` 在保持与 `MWPhotoBrowser` 兼容性的基础上，针对 Swift 语言进行了性能优化，确保在不同设备和操作系统版本上都能表现出良好的性能。 ### 9. 示例代码和文档 `IDMPhotoBrowser-master` 压缩包...
类似iOS自带相册应用的图片浏览的实现
04-12
对于性能优化，`MWPhotoBrowser`采用了懒加载策略，即只有当图片需要显示时才会加载，这大大减少了内存占用。同时，它支持缓存策略，图片会自动保存在本地，下次打开时可以直接从缓存读取，提高了用户体验。 在布局...
iOS 图片浏览器
09-17
总的来说，构建一个iOS图片浏览器涉及到了UI设计、手势识别、图片加载策略、性能优化等多个方面，需要开发者具备扎实的iOS基础和一定的用户体验理解。通过学习和实践，开发者可以创建出符合需求且用户体验优秀的图片...
CLImageViewerKit:不支持
05-17
- **性能优化**：处理大尺寸图像时，需要避免一次性加载整个图像导致内存问题，可以使用 `UIImage` 的 `imageWithContentMode:size:` 方法来根据视图大小调整图像尺寸。 - **异步加载**：图片加载应在后台线程进行...
MWPhotoBrowser 图片浏览功能使用 及注意事项
allanGold
12-24 1791
@weakify(self); photosCell.tapImgBlock = ^(NSInteger index) { @strongify(self); // Browser NSMutableArray *photos = [[NSMutableArray alloc] init]; NSM...
解决MWPhotoBrowser中的SDWebImage加载大图导致的内存警告问题
刚刚在线
01-22 5817
SDWebImage内存警告问题解决方案
MWPhotoBrowser的简单使用
amoslyc的博客
06-07 4353
MWPhotoBrowser的简单使用 最近做的项目有类似朋友圈动态的功能，其中需求点击图片可以浏览。然后就用了下MWPhotoBrowser这个第三方图片浏览器，感觉很不错。 MWPhotoBrowser 的github链接 https://github.com/mwaterfall/MWPhotoBrowser1、 创建MWPhotoBrowser 要使用initWithDelegate
【ios】论如何让 MWPhotoBrowser 动态显示 gif
ShiDuQi的专栏
07-03 1568
这两天做资源内容浏览，图片资源中间
iOS相册、图片浏览器 ZYPhotoBrowser 5句代码完成接入
ZY_Zain的博客
02-14 9457
智勇博客: 业余时间有空分享一下个人封装的一个图片浏览器。代码已经封装好，并且提供了一个config.h配置文件 需要更改的一些参数 直接在里面更改即可，无需深入代码研究，修改。有兴趣学习的朋友也可以深入了解一下代码。 本第三方最多支持9张图片的展示，支持GIF，支持长图，支持横屏展示大图，会按9宫格进行布局，可以自定义整个控件的宽度，高度是根据图片的数量自适应的。 当传进去的图片数量
【iOS】present和push
2301_80095702的博客
09-15 1287
present和push都用于iOS的视图切换，并且切换都是可逆的，原始视图不会被销毁，还可以直接更改window的rootViewController来切换视图，但是这种方法不可逆，并且原始视图会被销毁present一般用于不同业务界面的切换，push一般用于同一业务不同界面的切换present和dismiss对应，push和pop对应present只能逐级返回，push有栈控制，但是可以返回任意级?
后台数据管理系统 - 项目架构设计-Vue3+axios+Element-plus（0917）
最新发布
m0_70630166的博客
09-17 1138
Vue3,elememt-plus,Pinia,axios
vue3 axios ant-design-vue cdn的方式使用
花花鱼的专栏
09-16 539
vue3 cdn的方式使用。
【iOS】UIViewController的生命周期
qq_73106050的博客
09-12 1584
之前对于有关于UIViewControlller的理解比较浅显，仅仅只知道他是用来加载视图的，后面在有关天气预报的内容中了解了有关视图控制器生命周期的内容。
iOS开发必备第三方库大全
8. **MWPhotoBrowser**：一个照片浏览器，可以展示图片，支持手势操作，适用于查看用户相册。 9. **CTAssetsPickerController**：让用户从相册中选择多张照片和视频，提供选择界面。 10. **QBPopupMenu**：无图标...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值