UI 06 UIScrollView基础

注: 本文已将ARC改为MRC.

UIScrollView继承于UIView,可以通过创建view的四步对ScrollView进行创建.

UIScrollView *scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height)];
scrollView.backgroundColor = [UIColor orangeColor];
[self.view addSubview:scrollView];
[scrollView release];

因为书写

self.view.frame.size.width

和

self.view.frame.size.height

比较麻烦,所以我在工程上方,已经使用宏定义,将其换成了WIDTH 和 HEIGHT , 书写方法为:

#define WIDTH self.view.frame.size.width
#define HEIGHT self.view.frame.size.height

!!!!重要的属性,这个属性才可以让scrollView滚动起来!!!!

contentSize 设置scrolloView的滚动范围:

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

可以看出我是上下滚动, 若想左右滚动需要写成

(WIDTH * 页数, HEIGHT)

还可以加上按页来进行滚动的效果

scrollView.pagingEnabled = YES;

显示图片的代码:

通过一个FOR循环.将图片放进image,给入imageView, 然后SrcollView 添加ImageView.

for (NSInteger i = 1 ; i < 8; i++) {
NSString *picName = [NSString stringWithFormat:@"scratch_%ld.jpg",i];
// 通过图片名创建UIImage
UIImageView *imageView  = [[UIImageView alloc] initWithImage:[UIImage imageNamed:picName]];
imageView.frame  = CGRectMake(0, HEIGHT * (i - 1), WIDTH, HEIGHT);
// 把ImageView放到对应的scrollView上
[scrollView addSubview:imageView];
[imageView release];
}

// 偏移量 - 即显示的是第几页.
scrollView.contentOffset = CGPointMake(0, HEIGHT * 2);\
// 关闭默认的边界回弹效果, 默认是YES;
scrollView.bounces = NO;
//这个scrollview除去图片还有两个子视图是水平和竖直的滚动条,如果把滚动条效果关闭,这两个视图就不会添加到scrollView上了.
NSLog(@"%@",scrollView.subviews);// 打印有9个子视图, 其中ImageView 有7个,剩余两个就是水平和竖直的滚动条.
//关闭滚动条
scrollView.showsHorizontalScrollIndicator = NO;
scrollView.showsVerticalScrollIndicator = NO;

//已签订协议,设置代理人.就可以使用下面的方法.
scrollView.delegate = self;
// 设置TAG 值
scrollView.tag = 1000;

#pragma mark 只要滚动就会触发的方法
- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
NSLog(@"开始滚");
}

#pragma mark 当scrollView减速停止的时候会触发的协议方法.
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
NSLog(@"停止滚");
}