IOS开发小功能1：引导页的开发

效果图如上，实现的是一个页面引导页，最后跳到主页面，主页面是一个navigationController，但是导航栏给我隐藏了。

文件目录：自己定制的viewcontroller以及navigationController

先贴代码吧。

1、首先是GuideViewController类

GuideViewController.h

#import <UIKit/UIKit.h>
#import "JKViewController.h"

@interface GuideViewController : JKViewController <UIScrollViewDelegate>

@property (strong,nonatomic) UIScrollView *scrollView;
@property (strong,nonatomic) NSMutableArray *slideImages;
@property (strong,nonatomic) UIPageControl *pageControl;

@end

GuideViewController.m

#import "GuideViewController.h"
#import "JKNavigationController.h"

@interface GuideViewController()
{
    NSTimer *fanyeTime;
}

@end

@implementation GuideViewController

@synthesize slideImages,scrollView;
@synthesize pageControl;

-(void)dealloc
{
    [fanyeTime release];
    [scrollView release];
    [slideImages release];
    [pageControl release];
}

-(void)viewDidLoad
{
    [super viewDidLoad];
    //定时器循环
    fanyeTime = [NSTimer scheduledTimerWithTimeInterval: target:self selector:@selector(runTimePage) userInfo:nil repeats:YES];
    //初始化 scrollView
    self.scrollView = [[UIScrollView alloc]initWithFrame:CGRectMake(, , , self.view.frame.size.height)];
    scrollView.bounces = YES;
    scrollView.pagingEnabled = YES;
    scrollView.delegate = self;
    scrollView.showsHorizontalScrollIndicator = NO;
    [self.view addSubview:scrollView];

    //初始化数组，并添加四张照片
    slideImages = [[NSMutableArray alloc]initWithObjects:@"26.jpg",@"27.jpg",@"28.jpg",@"29.jpg",@" ",nil];
    //初始化pageControl
    self.pageControl = [[UIPageControl alloc]initWithFrame:CGRectMake(,,,)];
    [pageControl setCurrentPageIndicatorTintColor:[UIColor redColor]];
    [pageControl setPageIndicatorTintColor:[UIColor blackColor]];
    pageControl.numberOfPages = [self.slideImages count] - ;
    pageControl.currentPage = ;
    [pageControl addTarget:self action:@selector(turnPage) forControlEvents:UIControlEventValueChanged];
    [self.view addSubview:pageControl];

    //创建四个图片 imageView
    for (int i = ; i < [slideImages count]; i++) {
        UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:[slideImages objectAtIndex:i]]];        imageView.frame = CGRectMake( * i, , , self.view.frame.size.height);

        [scrollView setContentSize:CGSizeMake( * [slideImages count], self.view.frame.size.height)];
        [scrollView addSubview:imageView]; // 首页是第0页,默认从第1页开始的。所以+320。。。

    }

}

//scrollView的委托函数
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
    NSTimeInterval secondsPerDay = **;
    NSDate *thire = [NSDate dateWithTimeIntervalSinceNow:secondsPerDay];
    [fanyeTime setFireDate:thire];

    CGFloat pagewidth = self.scrollView.frame.size.width;
    int currentPage = floor((self.scrollView.contentOffset.x - pagewidth/ ([slideImages count]+)) / pagewidth) + ;

    NSLog(@"currentPage------>%d",currentPage);
    pageControl.currentPage = currentPage;

    NSLog(@"slideImages count------>%d",[slideImages count]);

    if (currentPage==([slideImages count]-)){

        [self tiaozhuan];
    }

}
//
-(void)tiaozhuan
{
    JKNavigationController *navigationController = [[[JKNavigationController alloc] initWithRootViewController:[[[JKViewController alloc]init]autorelease]]autorelease];
    navigationController.navigationBarHidden = YES;
    [self presentViewController:navigationController animated:YES completion:nil];

}

//pagecontrol的方法
-(void)turnPage
{
    int page = pageControl.currentPage;
    NSLog(@"page----->%d",page);
    [self.scrollView scrollRectToVisible:CGRectMake(*page,,,) animated:NO];
    if (page == ) {
        [fanyeTime invalidate];
        [NSTimer scheduledTimerWithTimeInterval: target:self selector:@selector(tiaozhuan) userInfo:nil repeats:YES];

    }

}
//定时器绑定方法
-(void)runTimePage
{
    int page = pageControl.currentPage;
    page++;
    pageControl.currentPage = page;
    [self turnPage];
}

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

2、接着是YCScroView类

YCScroView.h

#import <UIKit/UIKit.h>
@protocol TapImageDelegate <NSObject>

-(void)tapImage:(int)index;

@end

@interface YCScroView : UIView

@property (retain,nonatomic) id<TapImageDelegate>delegate;

-(id)initWithArray:(NSArray*)array WithTitle:(NSString *)title WithFrame:(CGRect)frame;
@end

YCScroView.v

#import "YCScroView.h"
#define Max 10

@interface YCScroView() <UIScrollViewDelegate>
{
    NSArray *_array;
    int pageWidth,pageHight;
}
@property (strong,nonatomic)UIScrollView *scrollView;
@property (strong,nonatomic)NSMutableArray *slideImages;
@property (strong,nonatomic)UIPageControl *pageControl;
@property (strong,nonatomic)UITapGestureRecognizer *tap;
@end

@implementation YCScroView
@synthesize scrollView,slideImages;
@synthesize pageControl;
@synthesize tap;

-(id)initWithArray:(NSArray *)array WithTitle:(NSString *)title WithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        _array = array;
        pageWidth = frame.size.width;
        pageHight = frame.size.height;

        [self creatScollView];
    }
    return self;
}

-(void)creatScollView
{
    self.scrollView = [[UIScrollView alloc]initWithFrame:CGRectMake(, , pageWidth, pageHight)];
    scrollView.bounces = YES;
    scrollView.pagingEnabled = YES;
    scrollView.delegate = self;
    scrollView.userInteractionEnabled = YES;
    scrollView.showsHorizontalScrollIndicator = NO;
    [self addSubview:scrollView];
    slideImages = [NSMutableArray arrayWithArray:_array];
    [slideImages retain];
    self.pageControl = [[UIPageControl alloc]initWithFrame:CGRectMake(, pageHight-, , )];
    [pageControl setCurrentPageIndicatorTintColor:[UIColor whiteColor]];
    [pageControl setPageIndicatorTintColor:[UIColor grayColor]];
    pageControl.numberOfPages = [_array count];
    pageControl.currentPage = ;
      //  [pageControl addTarget:self action:@selector(turnPage) forControlEvents:UIControlEventValueChanged]; // 触摸mypagecontrol触发change这个方法事件
    [self addSubview:pageControl];

    for (int i =; i<[slideImages count]; i++) {
        UIImageView *imageView = [[UIImageView alloc]initWithImage:[UIImage imageNamed:[slideImages objectAtIndex:i]]];
        imageView.frame = CGRectMake((pageWidth * i)+ pageWidth, , pageWidth, pageHight);
        [scrollView addSubview:imageView]; // 首页是第0页,默认从第1页开始的。所以+320。。。
    }
    UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:[slideImages objectAtIndex:([slideImages count]-)]]];
    imageView.frame = CGRectMake(, , pageWidth, pageHight);
    [scrollView addSubview:imageView];
    //取数组第一张图片，放在最后
    imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:[slideImages objectAtIndex:]]];
    imageView.frame = CGRectMake((pageWidth * ([slideImages count] + )) , , pageWidth, pageHight); // 添加第1页在最后 循环
    [scrollView addSubview:imageView];

    [scrollView setContentSize:CGSizeMake(pageWidth * ([slideImages count] + ), pageHight)]; //  +上第1页和第4页  原理：4-[1-2-3-4]-1
    [scrollView setContentOffset:CGPointMake(, )];
    [self.scrollView scrollRectToVisible:CGRectMake(pageWidth,,pageWidth,pageHight) animated:NO];

    [self addTapEventOnMyScrollView];
    UIImageView *View=[[UIImageView alloc]initWithFrame:CGRectMake(, , pageWidth, )];
    View.image=[UIImage imageNamed:@"huixian.png"];
    [self addSubview:View];

    UIImageView *View1=[[UIImageView alloc]initWithFrame:CGRectMake(, , , )];
    View1.image=[UIImage imageNamed:@"lanxian.png"];
    View1.tag=;
    [self addSubview:View1];

}

-(void)addTapEventOnMyScrollView;
{
    tap = [[UIGestureRecognizer alloc] initWithTarget:self action:@selector(tapEvent)];
    [scrollView addGestureRecognizer:tap];
}

-(void)tapEvent
{
    [self.delegate tapImage:pageControl.currentPage];
}

-(void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    CGFloat pagewidth = self.scrollView.frame.size.width;
    int page = floor((self.scrollView.contentOffset.x - pagewidth/([slideImages count]+))/pagewidth)+;
    page --;  // 默认从第二页开始
    pageControl.currentPage = page;
}

-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
    CGFloat pagewidth = self.scrollView.frame.size.width;
    int currentPage = floor((self.scrollView.contentOffset.x - pagewidth/ ([slideImages count]+)) / pagewidth) + ;
    if (currentPage==)
    {
        [self.scrollView scrollRectToVisible:CGRectMake( * [slideImages count],,,pageHight) animated:NO]; // 序号0 最后1页
    }
    else if (currentPage==([slideImages count]+))
    {
        [self.scrollView scrollRectToVisible:CGRectMake(,,,pageHight) animated:NO]; // 最后+1,循环第1页
    }

    UIImageView* imageView=(UIImageView*)[self viewWithTag:];
    [imageView removeFromSuperview];

    UIImageView* imageview=[[UIImageView alloc]initWithImage:[UIImage imageNamed:@"lanxian.png"]];
    imageview.frame=CGRectMake(pageControl.currentPage*, , , );
    imageview.tag=;
    [self addSubview:imageview];
}

- (void)runTimePage
{
    int page = pageControl.currentPage; // 获取当前的page
    page++;
    page = page > [slideImages count]- ?  : page ;
    pageControl.currentPage = page;
    [self turnPage];
}
// pagecontrol 选择器的方法
- (void)turnPage
{
    int page = pageControl.currentPage; // 获取当前的page
    [self.scrollView scrollRectToVisible:CGRectMake(*(page+),,,) animated:NO]; // 触摸pagecontroller那个点点 往后翻一页 +1
}
-(void)dealloc{

    [super dealloc];
}

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
{
    return (interfaceOrientation == UIInterfaceOrientationPortrait);
}

@end

这是来那个最主要的类，完成这两个类，基本上引导页就已经完成了。

代码下载