iOS-视图之UIScrollView

移动端因为体积小便于携带,所以手机成为了我们日常生活中最长携带的设备,但是随之带来的问题是屏幕太小,如果内容很多岂不是屏幕就放不下了,没关系,iOS提供了UIScrollIView滚动视图来解决这个问题。

iOS-视图之UIScrollView_第1张图片
UIScrollView.png

最典型的例子就是文章了,文章篇幅过长,所以只能向下滚动查看了。此外还有许多地方也是需要用到UIScrollView的,比如图片浏览器、头条的模块选择。没错文章类型是垂直滚动,但是不要忘了我们的scrollview还可以横向滚动的,今天的代码就以横向展示图片为例子。

UIScrollView *scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(10, 10, 200, 100)];
[self.view addSubview:scrollView];

//设置滚动区域大小,参数为CGSize,横向滚动,横向的长度为200*5
[scrollView setContentSize:CGSizeMake(200 * 5, 100)];

//设置滚动的偏移量,参数为CGPoint,此时的偏移量为横向偏移了200
[scrollView setContentOffset:CGPointMake(200, 0)];

//设置scrollView是否可以滚动,YES可以滚动,NO不可以滚动
[scrollView setScrollEnabled:YES];

//设置边界,当参数为YES时scrollView滚动到头部或尾部的时候不可以滚动超出边界,反之可超出
[scrollView setBounces:YES];

//当参数为YES时,滚动时以当前scrollview的宽度为单位滚动,好比翻页
[scrollView setPagingEnabled:YES];

//使用循环创建5个imageView添加到scrollView上
for (int i = 0 ; i < 5; i ++) {
    UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(i * 200, 0, 200, 100)];
    NSString *name = [[NSString alloc] initWithFormat:@"%d.pnd",i+1];
    UIImage *im = [UIImage imageNamed:name];
    [imageView setImage:im];
    [scrollView addSubview:imageView];
}

在这里茶哥儿要引入委托协议的概念了,scrollView有一个非常有用的属性delegate,用法是这样的:

//为scrollView设置代理
[scrollView setDelegate:self];

如果只是在后边跟写了这句话会有报警提示,原因是因为如果我们要使用协议,我们要在类名后添加协议声明,如下图:

iOS-视图之UIScrollView_第2张图片
添加协议声明.png

协议的名称就是UIScrollViewDelegate,还记得scrollview的SDK中提供的一些方法吗?

//滚动时调用
- (void)scrollViewDidScroll:(UIScrollView *)scrollView;

//开始拖拽视图
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView;

//完成拖拽
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate;

//将开始降速时调用
- (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView;

//减速停止了时执行
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView;

以上四个方法使我们经常使用的代理方法,用来控制与scrollview交互时的操作。

创造即永恒,喝茶去……

你可能感兴趣的:(iOS-视图之UIScrollView)