今天分享一下私人相册中,读取加载、滑动翻阅大量图片解决方案,我想强调的是,编程思想无关乎平台限制。
我要详细说一下,在缩略图界面点击任意小缩略图后,进入高清大图全屏浏览界面的这短暂的1秒内(和后续的几秒),都发生了什么。
开发:加载、滑动翻阅大量图片解决方案详解-">
常规思路流程
点击任意小图后,
1.首先制作scrollview框架:大小2个scrollview,小的用于手势缩放单一图片,大的横向依次加载全部照片
2.制作好scrollview框架后,加载照片
3.一切准备就绪跳转页面呈现给用户选择的大图
加载图片这一步,若相册内就10几张照片,那么毫无技术挑战,但是如果是300张照片呢?直接崩溃?还是让用户等待加载? 时间紧任务重,这一步需要拆分和优化.
scrollview框架需要了解下API,然后动动脑子了,这里有个小窍门,很多人都问我照片与照片间的黑边间距怎么实现,呵呵,贴下代码:
#define PADDING 20 - (NSInteger)loadPhotos { //清理之前照片 for (UIView *v in [_scrollView subviews]) { [v removeFromSuperview]; } workingFrame = [[UIScreen mainScreen]bounds]; workingFrame.origin.x = PADDING; for (int i = 0; i < int_total; i++) { CGRect frame = workingFrame; WQPhoto *photoView = [[WQPhoto alloc] initWithFrame:frame]; [photoView setScroller:self]; [photoView setIndex:i]; WQAlbumPhoto *photo = [albumObject._photos objectAtIndex:i]; [photo cleanThumbnail]; if (i == int_current) { //加载原图 [photoView setImage:photo.oriImage]; [photoView setIsLoad:YES]; }else if (int_current - 10 < i && i < int_current + 10){ //加载左右临近的缩略图 [photoView setImage:photo.thumbnail4view]; } [_scrollView addSubview:photoView]; workingFrame.origin.x = workingFrame.origin.x + 2 * PADDING + workingFrame.size.width; } //实现可滚动 [_scrollView setContentSize:CGSizeMake(workingFrame.origin.x, workingFrame.size.height / 2)]; [_scrollView setContentOffset:CGPointMake(360 * int_current, 0)]; //加载其余缩略图 loadThread = [[NSThread alloc]initWithTarget:self selector:@selector(loadImages) object:nil]; return 0; }
查看本栏目更多精彩内容:http://www.bianceng.cnhttp://www.bianceng.cn/OS/extra/
以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索图片
, scrollviewer
, scrollview
, ios 滑动返回
, 照片
, mainscreen
, ios swift scrollview
, photoview
, 滑动加载
, scrollview安卓开发
, 大图
, scrollview滑动冲突
, 图片加载框架
iOS点击查看大图
,以便于您获取更多的相关知识。