iOS UI_相册

//
//  MainViewController.m
//  相册
//
//  Created by dllo on 15/8/6.
//  Copyright (c) 2015年 zhozhicheng. All rights reserved.
//

#import "MainViewController.h"
#import "SecondViewController.h"
@interface MainViewController ()
//建立一个数组,存放图片
@property(nonatomic,retain)NSMutableArray *arr;

@end

@implementation MainViewController
-(void)dealloc
{
[_arr release];
[super dealloc];
}

- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view.
//相册的目录界面,先改成不透明
self.navigationController.navigationBar.translucent=NO;
self.view.backgroundColor=[UIColor orangeColor];
//设置标题
self.navigationItem.title=@"相册";
//初始化数组
self.arr = [[NSMutableArray alloc] init];
//七张视图
for (int i = 1; i < 8; i++) {
NSString *imageName=[NSString stringWithFormat:@"h%d.jpeg",i];
UIImage *image=[UIImage imageNamed:imageName];
[self.arr addObject:image];

}
//建立七个button
for (int i = 0; i < 3; i++) {
for (int j = 0; j < 3; j++) {
if (3 * i + j < 7) {
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
button.tag=3 * i + j +1;
button.frame=CGRectMake(j * 120 + 20, i * 120 + 100, 100, 100);
[self.view addSubview:button];
button.layer.borderWidth=1;
//把图片放到对应的button
[button setImage:(UIImage *)self.arr[3 * i + j] forState:UIControlStateNormal];
[button addTarget:self action:@selector(click:) forControlEvents:UIControlEventTouchUpInside];
}
}
}
}
-(void)click:(UIButton *)button
{
//点击跳到下一页
SecondViewController *secVC=[[SecondViewController alloc] init];
[self.navigationController pushViewController:secVC animated:YES];
[secVC release];
//传一个number值
secVC.number=button.tag - 1;

}

- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}

/*
#pragma mark - Navigation

// In a storyboard-based application, you will often want to do a little preparation before navigation
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender {
// Get the new view controller using [segue destinationViewController].
// Pass the selected object to the new view controller.
}
*/

@end

//
//  SecondViewController.h
//  相册
//
//  Created by dllo on 15/8/6.
//  Copyright (c) 2015年 zhozhicheng. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface SecondViewController : UIViewController
@property(nonatomic,assign)NSInteger number;
@end

//
//  SecondViewController.m
//  相册
//
//  Created by dllo on 15/8/6.
//  Copyright (c) 2015年 zhozhicheng. All rights reserved.
//

#import "SecondViewController.h"
//定义两个宏,宽'高
#define WIDTH self.view.frame.size.width
#define HEIGHT self.view.frame.size.height

@interface SecondViewController ()<UIScrollViewDelegate>
@property(nonatomic,retain)UIScrollView *scrollView;

@end

@implementation SecondViewController
-(void)dealloc
{
[_scrollView release];
[super dealloc];
}
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view.
//创建滚动页面
self.scrollView=[[UIScrollView alloc] initWithFrame:self.view.frame];
[self.view addSubview:self.scrollView];
[_scrollView release];
//让视图滚动起来属性,滚动范围
//-100是为了下面的滚动圆点
self.scrollView.contentSize=CGSizeMake(7 * WIDTH, HEIGHT - 100);
//按页进行滚动
self.scrollView.pagingEnabled=YES;
//滚动的图片
for (int i = 1; i < 8; i++) {
NSString *imageName =[NSString stringWithFormat:@"h%d.jpeg",i];
//创建滚动的七个视图
UIImageView *imageView=[[UIImageView alloc] initWithImage:[UIImage imageNamed:imageName]];
//设置图片的起始位置
imageView.frame=CGRectMake(i * WIDTH - WIDTH, 0, WIDTH, HEIGHT-100);
[self.scrollView addSubview:imageView];
[imageView release];
}
// 关闭边界回弹效果
self.scrollView.bounces=NO;
//关闭滚动条
self.scrollView.showsHorizontalScrollIndicator=NO;
self.scrollView.showsVerticalScrollIndicator=NO;
//设置代理人
self.scrollView.delegate=self;
//创建圆点
UIPageControl *page=[[UIPageControl alloc] initWithFrame:CGRectMake(100, 580, 200, 40)];
page.backgroundColor=[UIColor whiteColor];
[self.view addSubview:page];
[page release];
//圆点个数
page.numberOfPages=7;
//圆点颜色
page.pageIndicatorTintColor=[UIColor cyanColor];
//选中点的颜色
page.currentPageIndicatorTintColor=[UIColor yellowColor];
page.tag=1000;
//显示第几页在第一张
self.scrollView.contentOffset=CGPointMake(WIDTH * self.number, 0);

NSString *str=[NSString stringWithFormat:@"第%ld张",self.number+1];
self.navigationItem.title=str;

}
//点随着图片滚动动
-(void)scrollViewDidScroll:(UIScrollView *)scrollView
{
UIPageControl *page=(UIPageControl *)[self.view viewWithTag:1000];
page.currentPage =self.scrollView.contentOffset.x / WIDTH;
NSString *str=[NSString stringWithFormat:@"第%ld张",page.currentPage + 1];
self.navigationItem.title=str;
}

- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}

/*
#pragma mark - Navigation

// In a storyboard-based application, you will often want to do a little preparation before navigation
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender {
// Get the new view controller using [segue destinationViewController].
// Pass the selected object to the new view controller.
}
*/

@end
![这里写图片描述](http://img.blog.csdn.net/20150810083852590)