DCIM 用 UIScrollView 和UIPageControl

准备工作不赘述

相册 点开之后点击每个图片跳转到图片的详情面,滑动图片下面的UIPageControl跟着滑动

MainViewController.m

#import "MainViewController.h"
#import "LTView.h"
#import "SecondViewController.h"
@interface MainViewController ()
@property(nonatomic,retain)NSArray *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.title=@"DCIM";

    self.arr=[NSArray alloc];
    for (NSInteger i=0; i<3; i++) {
        for (NSInteger j=0; j<3; j++) {
            LTView *view=[[LTView alloc]initWithFrame:CGRectMake(30+105*j, 30+135*i, 100, 130)];

            [view.button setImage:[UIImage imageNamed:[NSString stringWithFormat:@"h%ld.jpeg",j+1+3*i]] forState:UIControlStateNormal];
            [view.button addTarget:self action:@selector(click:) forControlEvents:UIControlEventTouchUpInside];
            [self.view addSubview:view];
            [view release];
            view.button.tag = j + 1 + 3 * i;            
         }    
    }    
}
-(void)click:(UIButton *)button
{
    SecondViewController *secVC=[[SecondViewController alloc]init];

    [self.navigationController pushViewController:secVC animated:YES];
    secVC.num = button.tag;
    [secVC release];

}

SecondViewController.h

#import <UIKit/UIKit.h>

@interface SecondViewController : UIViewController

@property(nonatomic,assign)NSInteger num;

@end

SecondViewController.m

#import "SecondViewController.h"
#define WIDTH self.view.frame.size.width
#define HEIGHT self.view.frame.size.height - 64
@interface SecondViewController ()<UIScrollViewDelegate>
@property(nonatomic,retain)UIScrollView *scrollView;
@end

@implementation SecondViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.

    self.title = [NSString stringWithFormat:@"第%ld页",self.num ];


    self.scrollView=[[UIScrollView alloc]initWithFrame:CGRectMake(0 , 0, WIDTH, HEIGHT)];
    [self.view addSubview:self.scrollView];
    [self.scrollView release];

    self.scrollView.contentSize=CGSizeMake(WIDTH * 9,HEIGHT );

    self.scrollView.pagingEnabled=YES;
    for (NSInteger i = 0; i<9; i++) {
        UIImageView *imageView=[[UIImageView alloc]initWithImage:[UIImage imageNamed:[NSString stringWithFormat:@"h%ld.jpeg",i+1]]];
        imageView.frame=CGRectMake(WIDTH * i , 0, WIDTH, HEIGHT);
        [self.scrollView addSubview:imageView];
        [imageView release];
    }

    self.scrollView.contentOffset = CGPointMake(WIDTH *(self.num-1), 0);


    self.scrollView.delegate=self;
    UIPageControl *pageControl=[[UIPageControl alloc]initWithFrame:CGRectMake(90, 540, 200, 20)];
    [self.view addSubview:pageControl];
    pageControl.numberOfPages=9;
    pageControl.pageIndicatorTintColor=[UIColor whiteColor];
    pageControl.currentPageIndicatorTintColor=[UIColor redColor];
    pageControl.tag=1;
    [pageControl addTarget:self action:@selector(pageAction:) forControlEvents:UIControlEventValueChanged];


}
-(void)pageAction:(UIPageControl *)pageControl
{
    [self.scrollView setContentOffset:CGPointMake(pageControl.currentPage *WIDTH, 0) animated:YES];
    self.title=[NSString stringWithFormat:@"第%ld页",pageControl.currentPage + 1];
}
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
    UIPageControl *pageControl=(UIPageControl *)[self.view viewWithTag:1];
    pageControl.currentPage=self.scrollView.contentOffset.x/WIDTH;
    self.title=[NSString stringWithFormat:@"%g页",self.scrollView.contentOffset.x/WIDTH + 1];
}

创建一个LTView 在LTView中创建一个button,注意button的type为custom

LTView.h

#import <UIKit/UIKit.h>

@interface LTView : UIView
@property(nonatomic,retain)UIButton *button;
@end

LTView.m

#import "LTView.h"

@implementation LTView

-(instancetype)initWithFrame:(CGRect)frame
{
    self=[super initWithFrame:frame];// 这个事情UIView还会做,LTView继承与UIView
    if (self) {
        // 在代码区写额外的事就可以了
        // 模块化
        // 自己调用自己的方法
        [self createButton];

    }
    return self;
}

-(void)createButton
{
    self.button=[UIButton buttonWithType:UIButtonTypeCustom];
    self.button.frame=CGRectMake(0, 0, 100, 130);
    self.button.backgroundColor=[UIColor redColor];
//    self.button.layer.borderWidth=1;
    [self addSubview:self.button];
}
@end