PhotoAlbum

在简易相册的基础上, 利用导航控制器, 进行完善, 第一个页面是照片的缩略图, 点击缩略图, 则能够看到大图

//1.创建类HomeViewController和PhotoViewController,

在AppDelegate.m中创建导航控制器, 并将HomeViewController作为它的根视图控制器

//创建视图控制器HomeViewController的对象, 并对其进行初始化

HomeViewController *homeVC = [[HomeViewController alloc]init];

//创建导航控制器, 并将homeVC作为它的根视图控制器

UINavigationController *naVC = [[UINavigationController alloc]initWithRootViewController:homeVC];

[homeVCrelease];

//将naVC设为window的根视图控制器

self.window.rootViewController = naVC;

[naVCrelease];

---

//2.在HomeViewController.m中实现缩略图页面

#import "HomeViewController.h"

#import "PhotoViewController.h"

@interface HomeViewController () {

UIScrollView*homeScrollView;

}

@end

---

@implementation HomeViewController

- (void)viewDidLoad {

[superviewDidLoad];

//设置导航栏标题

self.navigationItem.title = @"相册";

CGSize size= [UIScreen mainScreen].bounds.size;

//创建滚动视图homeScrollView

homeScrollView = [[UIScrollView alloc] initWithFrame:[UIScreenmainScreen].bounds];

homeScrollView.contentSize = CGSizeMake(size.width, size.height * 6- 570);

[self.viewaddSubview:homeScrollView];

---

//创建一个数组, 用来保存照片名字

NSArray*nameArray = @[@"1", @"2", @"3", @"4", @"5", @"6", @"7", @"8",@"9", @"10", @"11", @"12", @"13", @"14", @"15", @"16", @"17",@"18", @"19", @"20", @"21", @"22", @"23", @"24", @"25", @"26",@"27", @"28", @"29", @"30", @"31", @"32"......@"50"]

NSInteger n= 0;

//通过for循环, 将照片缩略图添加到滚动视图上

for(NSInteger i = 0; i < 17; i++) {

for (NSInteger j = 0; j < 3; j++) {

//创建图片视图

UIImageView *imageView = [[UIImageView alloc]initWithImage:[UIImage imageNamed:nameArray[n++]]];

//设置图片视图的tag值

imageView.tag = 100 + i * 3 + j;

imageView.userInteractionEnabled = YES;

imageView.frame = CGRectMake(size.width / 3 * j, size.height / 3.3* i, size.width / 3, size.height / 3.3);

//创建轻拍手势, 并关联方法, 来实现点击缩略图进入大图的效果

UITapGestureRecognizer *tapPhoto = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tap:)];

[imageView addGestureRecognizer:tapPhoto];

[tapPhoto release];

[homeScrollView addSubview:imageView];

[imageView release];

---

//当for循环将照片全部添加后, break停止循环

if (i == 16 && j == 1) {

break;

}

}

}

}

---

//tap手势的方法, 实现缩略图视图和大图试图之间的切换

- (void)tap:(UITapGestureRecognizer *)sender {

PhotoViewController *photoVC = [[PhotoViewController alloc]init];

photoVC.number = sender.view.tag;

[self.navigationController pushViewController:photoVC animated:YES];

[photoVCrelease];

}

@end

---

//3.在PhotoViewController.m中实现大图页面

#import "PhotoViewController.h"

@interface PhotoViewController () {

UIScrollView*bigScrollView;

NSIntegerflag;

}

@end

---

@implementation PhotoViewController

- (void)viewDidLoad {

[superviewDidLoad];

self.view.backgroundColor = [UIColor whiteColor];

CGSize size= [UIScreen mainScreen].bounds.size;

flag =0;

NSArray*nameArray = @[@"1", @"2", @"3", @"4", @"5", @"6", @"7", @"8",@"9", @"10", @"11", @"12", @"13", @"14", @"15", @"16", @"17",@"18", @"19", @"20", @"21", @"22", @"23", @"24", @"25", @"26",@"27", @"28", @"29", @"30", @"31", @"32"...@"50"]

bigScrollView = [[UIScrollView alloc] initWithFrame:[UIScreenmainScreen].bounds];

bigScrollView.contentSize = CGSizeMake(size.width *nameArray.count, size.height);

bigScrollView.pagingEnabled = YES;

bigScrollView.delegate = self;

[self.viewaddSubview:bigScrollView];

[bigScrollView release];

---

for(NSInteger i = 0; i < nameArray.count; i++) {

UIScrollView *smallScorollView = [[UIScrollView alloc]initWithFrame:CGRectMake(size.width * i, 0, size.width,size.height)];

smallScorollView.minimumZoomScale = 0.5;

smallScorollView.maximumZoomScale = 2;

smallScorollView.delegate = self;

[bigScrollView addSubview:smallScorollView];

[smallScorollView release];

---

UIImageView *imageView = [[UIImageView alloc]initWithImage:[UIImage imageNamed:nameArray[i]]];

imageView.frame = CGRectMake(0, 0, size.width, size.height);

imageView.tag = 100;

[smallScorollView addSubview:imageView];

[imageView release];

}

---

bigScrollView.contentOffset = CGPointMake(size.width * (self.number- 100), 0);

}

---

- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView{

if(scrollView != bigScrollView) {

return [scrollView viewWithTag:100];

} else{

return nil;

}

}

---

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{

if(scrollView == bigScrollView) {

NSInteger currentPage = bigScrollView.contentOffset.x / 375;

if (currentPage != flag) {

UIScrollView *smallScrollView = [bigScrollView.subviewsobjectAtIndex:flag];

smallScrollView.zoomScale = 1.0;

flag = currentPage;

}

}

}

@end