使用串行线程实现图片瀑布流加载

本文主要是介绍使用串行线程实现图片瀑布流加载，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

.h文件

typedef NS_ENUM(NSInteger, LowerList) {Left = 1,Right = 2
};@interface VC_AddStoryModel : UIViewController
{UIScrollView *scroll;LowerList lower;CGFloat viewsWidth;UIView *leftView;CGFloat leftHeight;UIView *rightView;CGFloat rightHeight;BOOL firstPicture;
}

.h文件

- (void)viewDidLoad {[super viewDidLoad];// Do any additional setup after loading the view.self.view.backgroundColor = [UIColor whiteColor];{viewsWidth = ScreenWidth / 2;firstPicture = YES;scroll = [[UIScrollView alloc]initWithFrame:CGRectMake(0, 64, ScreenWidth, ScreenHeight - 64)];scroll.contentSize = CGSizeMake(ScreenWidth, ScreenHeight);scroll.backgroundColor = [UIColor whiteColor];[self.view addSubview:scroll];leftView = [[UIView alloc]initWithFrame:CGRectMake(0, 0, viewsWidth, 0)];rightView = [[UIView alloc]initWithFrame:CGRectMake(SCREENWIDTH / 2, 0, viewsWidth, 0)];[scroll addSubview:leftView];[scroll addSubview:rightView];scroll.backgroundColor = [UIColor yellowColor];}[self layoutImage];}
- (void)layoutImage {NSArray* urls = @[@"http://img0.bdstatic.com/img/image/shouye/leimu/mingxing.jpg",@"http://img1.bdstatic.com/img/image/8662934349b033b5bb5c55e5d9834d3d539b700bcce.jpg",@"http://img.baidu.com/img/image/3bf33a87e950352a5947ae485143fbf2b2.jpg",@"http://imgstatic.baidu.com/img/image/7af40ad162d9f2d3cdc19be8abec8a136227cce1.jpg",@"http://imgstatic.baidu.com/img/image/weimeiyijing0207.jpg",@"http://e.hiphotos.baidu.com/image/w%3D400/sign=2e56c8010ed79123e0e095749d355917/ae51f3deb48f8c5470385d2638292df5e1fe7fd4.jpg",@"http://c.hiphotos.baidu.com/image/w%3D400/sign=e37cc47c6509c93d07f20ff7af3cf8bb/7a899e510fb30f2468cc6271ca95d143ad4b0369.jpg",@"http://b.hiphotos.baidu.com/image/w%3D400/sign=ac0b8e2b92ef76c6d0d2fa2bad17fdf6/a71ea8d3fd1f4134dedc5974271f95cad0c85ed4.jpg",@"http://imgstatic.baidu.com/img/image/huacaozhiwu0207.jpg",@"http://d.hiphotos.baidu.com/image/w%3D400/sign=7d27c75af4246b607b0eb374dbf81a35/5882b2b7d0a20cf4f28367d674094b36acaf99ac.jpg",];dispatch_queue_t queue = dispatch_queue_create("get image", DISPATCH_QUEUE_SERIAL);for (int i = 0; i < 100; i++) {__block  UIImage *image;@synchronized(scroll) {dispatch_async(queue, ^{NSString *imageUrl = urls[i % 10];NSURL *url = [NSURL URLWithString:imageUrl];NSData *data = [NSData dataWithContentsOfURL:url];image = [UIImage imageWithData:data];});dispatch_async(queue, ^{dispatch_async(dispatch_get_main_queue(), ^{[self makePictuerVisible:image];});});}}
}- (void)makePictuerVisible:(UIImage *)image {lower = [self checkList];CGFloat width = viewsWidth;CGFloat height = width * image.size.height / image.size.width;UIImageView *picture = nil;switch (lower) {case Left:{picture = [[UIImageView alloc]initWithFrame:CGRectMake(0, leftView.frame.size.height, width, height)];leftView.frame = CGRectMake(leftView.frame.origin.x, leftView.frame.origin.y, viewsWidth, leftView.frame.size.height + height);[leftView addSubview:picture];}break;case Right:picture = [[UIImageView alloc]initWithFrame:CGRectMake(0, rightView.frame.size.height, width, height)];rightView.frame = CGRectMake(rightView.frame.origin.x, rightView.frame.origin.y, viewsWidth, rightView.frame.size.height + height);[rightView addSubview:picture];break;default:break;}picture.image = image;if (Left == [self checkList]) {[scroll setContentSize:CGSizeMake(ScreenWidth, rightView.frame.size.height + 1)];} else {[scroll setContentSize:CGSizeMake(ScreenWidth, leftView.frame.size.height + 1)];}NSLog(@"%f   %f",scroll.contentSize.height, scroll.contentSize.width);
}
- (LowerList)checkList {LowerList temp;if (firstPicture) {temp = Left;firstPicture = NO;} else {leftHeight = leftView.frame.size.height;rightHeight = rightView.frame.size.height;if (leftHeight > rightHeight) {temp = Right;} else {temp = Left;}}return temp;
}
- (void)didReceiveMemoryWarning {[super didReceiveMemoryWarning];// Dispose of any resources that can be recreated.
}

实现的效果是顺序把图片添加进界面

这篇关于使用串行线程实现图片瀑布流加载的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---