欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

IOS多线程实现多图片下载(一)

程序员文章站 2023-12-04 20:54:46
在没有步入正文之前先给大家展示下效果图,如果大家觉得很满意请继续往下阅读全文。 大家可以看到这个界面很简单,其实就是uitableview的布局,但是难点是在于如...

在没有步入正文之前先给大家展示下效果图,如果大家觉得很满意请继续往下阅读全文。

IOS多线程实现多图片下载(一)

大家可以看到这个界面很简单,其实就是uitableview的布局,但是难点是在于如何从网上下载这些图片,下载之后应如何进行存储!

我们一步一步进行解析,先从单线程(主线程)进行多图片下载我们布局上的文字及图片的地址从plist文件中进行读取

IOS多线程实现多图片下载(一)

根据结构,我们自定义一个数据模型文件

ddzapp.h

#import <foundation/foundation.h>
@interface ddzapp : nsobject
//图标
@property (nonatomic,strong) nsstring *icon;
//名字
@property (nonatomic,strong) nsstring *name;
//下载量
@property (nonatomic,strong) nsstring *download;
+ (instancetype)appwithdict:(nsdictionary *)dict;
@end 

ddzapp.m

#import "ddzapp.h"
@implementation ddzapp
+ (instancetype)appwithdict:(nsdictionary *)dict {
ddzapp *app = [[self alloc] init];
[app setvaluesforkeyswithdictionary:dict];
return app;
}
@end 

以下的都是视图控制器中的代码

viewcontroller.m

1.

@interface viewcontroller ()
//所有数据
@property (nonatomic,strong)nsarray *apps;
//内存缓存图片
@property (nonatomic,strong)nsmutabledictionary *imgcache;
@end 

第一个属性用于存储读取plist文件中的内容,设置为属性保存起来,就可以不用重复读取

第二个属性用于保存从网上下载下来的图片,也是为了不用重复读取

2.

@implementation viewcontroller
//读取数据
- (nsarray *)apps {
if (!_apps) {
//从plist文件中读取数据
nsarray *dictarray = [nsarray arraywithcontentsoffile:[[nsbundle mainbundle] pathforresource:@"apps.plist" oftype:nil]];
nsmutablearray *apparray = [nsmutablearray array];
for (nsdictionary *dict in dictarray) {
[apparray addobject:[ddzapp appwithdict:dict]];
}
_apps = apparray;
}
return _apps;
}
//缓存图片
- (nsmutabledictionary *)imgcache {
if (!_imgcache) {
//初始化
_imgcache = [nsmutabledictionary dictionary];
}
return _imgcache;
}

这两个方法都是为了初始化刚才的两个属性

3.

#pragma mark - 数据源方法
- (nsinteger)tableview:(uitableview *)tableview numberofrowsinsection:(nsinteger)section {
return self.apps.count;
}
- (uitableviewcell *)tableview:(uitableview *)tableview cellforrowatindexpath:(nsindexpath *)indexpath {
static nsstring *id = @"app";
uitableviewcell *cell = [tableview dequeuereusablecellwithidentifier:id];
ddzapp *app = self.apps[indexpath.row];
cell.textlabel.text = app.name;
cell.detailtextlabel.text = app.download;
//先从内存中取出图片
uiimage *image = self.imgcache[app.icon];
if (image) {
cell.imageview.image = image;
}else {
//内存中没有图片
//将图片文件数据写入到沙盒中
nsstring *cachespath = [nssearchpathfordirectoriesindomains(nscachesdirectory, nsuserdomainmask, yes) firstobject];
//获得文件名
nsstring *filename = [app.icon lastpathcomponent];
//计算出文件的全路径
nsstring *file = [cachespath stringbyappendingpathcomponent:filename];
//加载沙盒的文件数据
nsdata *data = [nsdata datawithcontentsoffile:file];
//判断沙盒中是否有图片
if (data) {
//直接加载沙盒中图片
cell.imageview.image = [uiimage imagewithdata:data];
//存到字典(内存)中
self.imgcache[app.icon] = cell.imageview.image;
}else {
//下载图片
data = [nsdata datawithcontentsofurl:[nsurl urlwithstring:app.icon]];
cell.imageview.image = [uiimage imagewithdata:data];
//存到内存中
self.imgcache[app.icon] = cell.imageview.image;
//将图片数据写入到沙盒中
[data writetofile:file atomically:yes];
}
}
return cell;
}

这两个方法是uitableview必须要实现的方法

第一个是返回数据量,没什么好说的

第二个是绑定数据

具体的流程看下图

IOS多线程实现多图片下载(一)

以上内容针对ios多线程实现多图片下载(一)的相关介绍,希望对大家有所帮助,下篇文章继续给大家介绍ios多线程实现多图片下载(二),感兴趣的朋友请持续关注。