UIScrollView实现不全屏分页的小技巧

浏览一系列图片时，我们会经常使用UIScrollView来进行实现，因为其自带的pagingEnabled属性，可以非常方便的自动支持手势左右轻扫切换切换页面。pagingEnabled不过最近做的一个产品，设计的效果有所不同，希望每一页图片的宽度小于屏幕宽度，但也要保证图片之间是相连的，即在屏幕的中间部分显示一幅图片，中间两边显示相邻图片的一小部分，最开始发现有点棘手，需要关闭pagingEnabled属性，自己实现分页效果。但是尝试之后发现要想达到满意的交互体验，要做的事情真不少，偶然的机会想到了一个巧妙的方法来达到这一效果，即：

将UIScrollView大小设置为一张图片的大小，然后嵌入一个满屏的UIView中，设置clipsToBounds属性为NO，则UIScrollView中的图片内容会溢出frame所限制的区域，从而巧妙地实现了不全屏分页的效果：）

1
yourScrollView.clipsToBounds = YES
posted @ 2012-03-23 18:39  BigPolarBear  阅读(4605)  评论(0)  编辑  收藏  举报