移动端因为体积小便于携带,所以手机成为了我们日常生活中最长携带的设备,但是随之带来的问题是屏幕太小,如果内容很多岂不是屏幕就放不下了,没关系,iOS提供了UIScrollIView滚动视图来解决这个问题。
最典型的例子就是文章了,文章篇幅过长,所以只能向下滚动查看了。此外还有许多地方也是需要用到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];
如果只是在后边跟写了这句话会有报警提示,原因是因为如果我们要使用协议,我们要在类名后添加协议声明,如下图:
协议的名称就是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交互时的操作。
创造即永恒,喝茶去……