您的位置:首页 > 产品设计 > UI/UE

UIScrollview自定义分页大小

2018-01-30 18:53 323 查看
Demo中UIScrollview的frame大小为屏幕大小:

1、自定义水平分页pageWidth = 300效果:



2、自定义垂直分页pageHeight = 400效果:



默认ios的UIScrollview系统只支持bound宽度或高度的分页,不能自定义分页大小,这种不能满足某些情况下交互需求,要实现自定义分页有以下两种方法:

方法1

将UIScrollview的bounds设置为需要分页的大小

pagingEnabled = YES

clipsToBounds = NO,从而能显示超出bounds的内容

此时自定义分页效果已经实现了,但是超出bounds的部分没办法响应触摸效果,这时候要重写UIScrollview的
superView
的hitTest:withEvent方法,通过重写hitTest, 就可以将
superView
接受到的触摸事件传递给UIScrollView

//这边注意重写的是滚动视图的父视图响应链方法
- (UIView *) hitTest:(CGPoint) point withEvent:(UIEvent *)event {//这边根据需求自己改写
if ([self pointInside:point withEvent:event]) {
return scrollView;
}
return nil;
}


方法2

创建一个UIScrollView的子类,重写delegate的get,set方法

在改子类里面实现滚动视图的delegate,通过在合适的时机人为设置偏移量,已达到自定义分页效果

要注意的点,一个是delegate设置,二是customPagingEnabled与系统分页不能同时开启,会产生拉到最后回弹的一个bug.

这边测试代码是用swift写的,OC也可以用,附上DEMO
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: