UIScrollView和UIPageControl配合使用完成引用介绍页面

// 效果图








// 直接代码
// 头文件

//

// RootViewController.h

// UIScrollView

//

// Created by LiZe on 13-9-6.

// Copyright (c) 2013年 BlackCode. All rights reserved.

//

// 需要遵守UIScrollViewDelegate协议

#import

@interface RootViewController : UIViewController <</span>UIScrollViewDelegate>

@property (nonatomic, retain) UIScrollView *userGuideScrollView;

@property (nonatomic, retain) UIPageControl *scrollPageControl;

@end

// 目标文件

//

// RootViewController.m

// UIScrollView

//

// Created by LiZe on 13-9-6.

// Copyright (c) 2013年 BlackCode. All rights reserved.

//

// 实现思路

// 1. 在主视图中添加一个高度和宽度都和主视图相同的UIScrollView，然后设置它内容的大小为有多少屏幕图片的大小（高度和主视图相同，宽度就是有几张图片，就用主视图宽度乘以几）

// 2. 把准备好的图片添加到UIscrollView中，然后把UIscrollView添加到当前的View上

// 3. 然后添加UIPageControl在视图上面

// 4. 需要实现一个UIPageControl的监听方法，点击时会改变视图

// 5. 实现UIScrollViewDelegate协议中的方法，实现滑动UIScrollView的时候，让UIPageControl也进行相应的移动

// 6. 最后重写dealloc方法，释放属性内存

//

#import "RootViewController.h"

@interface RootViewController ()

@end

@implementation RootViewController

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil

{

self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];

if (self) {

// Custom initialization

}

return self;

}

- (void)viewDidLoad

{

[super viewDidLoad];

// Do any additional setup after loading the view.

// 设置背景色

self.view.backgroundColor =
[UIColor grayColor];

// 添加UIScrollView

self.userGuideScrollView =
[[[UIScrollView alloc] initWithFrame:CGRectMake(0,0, self.view.frame.size.width, self.view.frame.size.height)] autorelease]; // 初始化位置和大小

self.userGuideScrollView.contentSize = CGSizeMake(self.view.frame.size.width * 11, self.view.frame.size.height); // 设置存放的内容的大小

_userGuideScrollView.pagingEnabled = YES; // 设置scrollView按一整页滑动

_userGuideScrollView.delegate = self; // 设置代理为当前

_userGuideScrollView.userInteractionEnabled = YES; // 设置可以与用户交互

_userGuideScrollView.showsHorizontalScrollIndicator = YES; // 显示滑动时候横向的滚动条

// 添加图片到UIScrollView中

for (int i = 1;
i <= 11; i++) {

UIImageView *imageView
= [[UIImageView alloc] initWithImage:[UIImageimageNamed:[NSString stringWithFormat:@"image%d",
i]]];

imageView.frame = CGRectMake((i
- 1) * self.view.frame.size.width, 0,self.view.frame.size.width, self.view.frame.size.height);

[_userGuideScrollView addSubview:imageView];

[imageView release], imageView = nil;

}

// 添加到当前的View

[self.view addSubview:_userGuideScrollView];

// 初始化UIPageController

self.scrollPageControl =
[[[UIPageControl alloc] init] autorelease];

_scrollPageControl.frame = CGRectMake(0, self.view.frame.size.height - 60,self.view.frame.size.width, 30); // 设置位置

_scrollPageControl.numberOfPages = 11; // 设置有多少个小点点

_scrollPageControl.currentPage = 0; // 设置当前是哪个点点

_scrollPageControl.pageIndicatorTintColor =
[UIColor blueColor]; // 没有选中的点点的颜色

_scrollPageControl.currentPageIndicatorTintColor =
[UIColor yellowColor]; //当前点点的颜色

[_scrollPageControl addTarget:self action:@selector(scrollPageControlAction:)forControlEvents:UIControlEventValueChanged]; // 设置监听事件

_scrollPageControl.highlighted = YES;

[self.view addSubview:_scrollPageControl];

}

- (void)didReceiveMemoryWarning

{

[super didReceiveMemoryWarning];

// Dispose of any resources that can be recreated.

}

#pragma mark - 实现---scrollPageControlAction:监听事件

- (void)scrollPageControlAction:(UIPageControl *) sender {

//令UIScrollView做出相应的滑动显示

CGSize viewSize
= _userGuideScrollView.frame.size;

CGRect rect = CGRectMake(sender.currentPage *
viewSize.width, 0, viewSize.width,
viewSize.height);

[_userGuideScrollView scrollRectToVisible:rect animated:YES];

}

#pragma mark - 重写----scrollViewDelegate中的代理方法 实现滑动

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

// 计算偏移量

int index = abs(scrollView.contentOffset.x /
scrollView.frame.size.width);

// 根据偏移量来设置pageControl

_scrollPageControl.currentPage =
index;

}

#pragma mark - 重写----dealloc方法

- (void)dealloc {

// 释放属性的内存

[_scrollPageControl release], _scrollPageControl = nil;

[_userGuideScrollView release], _userGuideScrollView = nil;

// 调用父类的dealloc方法

[super dealloc];

}