IOS开发（18）之UIScrollView控件

1 前言

当有的内容要显示在屏幕上，但是屏幕的尺寸有提供不了所需的面积的时候，我们就要考虑用UIScrollView控件了。

2 代码实例

ZYViewController.h：

#import <UIKit/UIKit.h>

@interface ZYViewController : UIViewController<UIScrollViewDelegate>

@property(nonatomic,strong) UIImageView *myImageView;
@property(nonatomic,strong) UIScrollView *myScrollView;

@end

ZYViewController.m:

@synthesize myImageView;
@synthesize myScrollView;

- (void)viewDidLoad
{
    [super viewDidLoad];
	// Do any additional setup after loading the view, typically from a nib.
    self.view.backgroundColor = [UIColor whiteColor];
    UIImage *imageToLoad = [UIImage imageNamed:@"Apple.png"];
    self.myImageView = [[UIImageView alloc] initWithImage:imageToLoad];
    self.myScrollView = [[UIScrollView alloc] initWithFrame:self.view.bounds];//初始化UIScrollerView控件
    [self.myScrollView addSubview:self.myImageView];//添加图片到UIScrollerView中
    self.myScrollView.contentSize = self.myImageView.bounds.size;//将图片的大小设置给UIScrollerView
    self.myScrollView.indicatorStyle = UIScrollViewIndicatorStyleWhite;//滑动视图外观设置为白色
    myScrollView.delegate = self;//滚动视图的代理设置为自己
    [self.view addSubview:self.myScrollView];//添加UIScrollerView

}

#pragma mark UIScrollView
//内容滑动时调用该方法
- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
    self.myScrollView.alpha = 0.5f;
    NSLog(@"调用scrollViewDidScroll方法");
}
//滑动视图手指离开屏幕而且内容还在滑动的时候
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
    self.myScrollView.alpha = 1.0f;
    NSLog(@"调用scrollViewDidEndDecelerating方法");
}
//完成拖拽动作时候调用的
-(void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate{
    self.myScrollView.alpha = 1.0f;
    NSLog(@"调用scrollViewDidEndDragging方法");
}

运行结果：

滑动前：

滑动时候：

拖拽时候控制台显示内容：

2013-04-25 21:40:40.586 UIScrollViewTest[676:c07]调用scrollViewDidScroll方法

2013-04-25 21:40:42.986 UIScrollViewTest[676:c07]调用scrollViewDidEndDragging方法

滑动时候控制台显示内容：

2013-04-25 21:43:37.789 UIScrollViewTest[676:c07]调用scrollViewDidScroll方法

2013-04-25 21:43:37.789 UIScrollViewTest[676:c07]调用scrollViewDidEndDecelerating方法

分页代码：

ZYUIScrollViewController.h：

#import <UIKit/UIKit.h>

@interface ZYUIScrollViewController : UIViewController

@property(nonatomic,strong) UIScrollView *myScrollView;

@end

ZYUIScrollViewController.m:

- (void)viewDidLoad
{
    [super viewDidLoad];
	// Do any additional setup after loading the view.
    self.view.backgroundColor = [UIColor whiteColor];
    //实例化三张图片
    UIImage *iPhone = [UIImage imageNamed:@"iPhone.png"];
    UIImage *iPod = [UIImage imageNamed:@"iPod.png"];
    UIImage *macBookAir = [UIImage imageNamed:@"Mac.png"];
    CGRect scrollViewRect = self.view.bounds;//初始化一个屏幕视图大小矩形边框
    self.myScrollView = [[UIScrollView alloc] initWithFrame:scrollViewRect];//初始化UIScrollView控件
    self.myScrollView.pagingEnabled = YES;//启动分页
    self.myScrollView.contentSize = CGSizeMake(scrollViewRect.size.width*3.0f, scrollViewRect.size.height);//设置UIScrollView的大小
    [self.view addSubview:self.myScrollView];//添加UIScrollView视图
    CGRect imageViewRect = self.view.bounds;
    UIImageView *iPhoneImageView = [[UIImageView alloc] initWithImage:iPhone];//初始化图片视图
    [iPhoneImageView setFrame:imageViewRect];//设置UIImage的大小
    [self.myScrollView addSubview:iPhoneImageView];
    imageViewRect.origin.x += imageViewRect.size.width;//imageViewRect的横坐标向右移动原来imageViewRect宽度的距离
    UIImageView *iPodImageView = [[UIImageView alloc] initWithImage:iPod];
    [iPodImageView setFrame:imageViewRect];
    [self.myScrollView addSubview:iPodImageView];
    imageViewRect.origin.x += imageViewRect.size.width;
    UIImageView *macBookAirImageView = [[UIImageView alloc] initWithImage:macBookAir];
    [macBookAirImageView setFrame:imageViewRect];
    [self.myScrollView addSubview:macBookAirImageView];
    
}

运行结果：

3 结语

以上就是UIScrollView控件的简单用法，希望对大家有所帮助。