iOS UIScrollView的基本用法

释放双眼,带上耳机,听听看~!
感谢大家对我的支持,相关源码我已上传到github,地址是:
https://github.com/CocoaML,欢迎技术交流!

ScrollView中的基本用法

//设置ScrollView的整体触摸与显示区域

假如屏幕宽高 是 320X480
//注意 ScrollView的 宽 高不要超过 320X480,否则会出现无法滚动的情况
_scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, 320,440)];

//设置ScrollView滚动内容的区域

//通常是需要大于ScrollerView的显示区域的,这样才有必要在ScrollerView中滚动它
[_scrollView setContentSize:CGSizeMake(320 * 5, 240)];

//开启滚动分页功能,如果不需要这个功能关闭即可
[_scrollView setPagingEnabled:YES];

//隐藏横向与纵向的滚动条
[_scrollView setShowsVerticalScrollIndicator:NO];
[_scrollView setShowsHorizontalScrollIndicator:NO];

//在本类中代理scrollView的整体事件
[_scrollView setDelegate:self];

//如果你打开横向或纵向的滚动条,这里可以设置滚动条风格
// UIScrollViewIndicatorStyleDefault, 默认风格
// UIScrollViewIndicatorStyleBlack, 黑色风格
// UIScrollViewIndicatorStyleWhite 白色风格
//[_scrollView setIndicatorStyle:UIScrollViewIndicatorStyleBlack]

//在这里给每一个ScrollView添加一个图片 和一个按钮
for (int i =0; i<5; i++) {

// 图片
UIImageView imageView= [[[UIImageView alloc] initWithFrame:CGRectMake(i 320,0,320,440)] autorelease];
[imageView setImage:[UIImage imageNamed:@image.png]];

// 按钮
UIButton * button = [UIButton buttonWithType:UIButtonTypeRoundedRect];
button.frame = CGRectMake(i * 320, 10, 100, 30);
[button setTitle:@“这是一个按钮” forState:UIControlStateNormal];
[button addTarget:self action:@selector(buttonClick) forControlEvents:UIControlEventTouchUpInside];

//把每页需要显示的VIEW添加进ScrollerView中
[_scrollView addSubview:imageView];
[_scrollView addSubview:button];
}

//整体再将ScrollerView显示在窗口中
[self.view addSubview:_scrollView];

//页面控制小工具
//它会在底部绘制小圆点标志当前显示页面

_pageControl = [[[UIPageControl alloc] initWithFrame:CGRectMake(0, 440,self.view.frame.size.width, 20)]autorelease];

//设置页面的数量
[_pageControl setNumberOfPages:5];

//监听页面是否发生改变
[_pageControl addTarget:self action:@selector(changePage:) forControlEvents:UIControlEventValueChanged];

[self.view addSubview:_pageControl];
}

– (void)changePage:(id)sender {

//得到当前页面的ID
//int page = [sender currentPage];

//在这里写你需要执行的代码

//……
}

//手指离开屏幕后ScrollView还会继续滚动一段时间只到停止
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {

NSLog(@结束滚动后缓冲滚动彻底结束时调用);
// ……
}

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

NSLog(@结束滚动后开始缓冲滚动时调用);
// ……
}

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

//页面滚动时调用,设置当前页面的ID
[_pageControl setCurrentPage:fabs(scrollView.contentOffset.x/self.view.frame.size.width)];

NSLog(@视图滚动中X轴坐标%f,scrollView.contentOffset.x);

NSLog(@视图滚动中X轴坐标%f,scrollView.contentOffset.y);
// ……
}

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

NSLog(@滚动视图开始滚动,它只调用一次);
// ……
}

-(void)scrollViewDidEndDragging:(UIScrollView*)scrollView willDecelerate:(BOOL)decelerate {

NSLog(@滚动视图结束滚动,它只调用一次);
// ……
}

 

ScrollView中的contentSize、contentInset和contentOffset区别

  1. contentSize是scrollview可以滚动的区域,比如frame = (0 ,0 ,320 ,480) contentSize = (320 ,960),代表你的scrollview可以上下滚动,滚动区域为frame大小的两倍。
  2. contentOffset是scrollview当前显示区域顶点相对于frame顶点的偏移量,比如上个例子你拉到最下面,contentoffset就是(0 ,480),也就是y偏移了480。
  3. contentInset是scrollview的contentview的顶点相对于scrollview的位置,例如你的contentInset = (0 ,100),那么你的contentview就是从scrollview的(0 ,100)开始显示。

 

人已赞赏
iOS文章

iOS最新手机号码、固话正则表达式

2020-5-18 15:18:02

iOS文章

iOS开发UITableView的全部属性、方法以及代理方法

2020-5-18 16:33:02

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索