UIScrollView实现不全屏分页的小技巧-白红宇

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

阅读量：4307 次

发布时间：2019-06-06

本文共 500 字，大约阅读时间需要 1 分钟。

浏览一系列图片时，我们会

经常使用UIScrollView来进行实现，因为其自带的pagingEnabled属性，可以非常方便的自动支持手势左右轻扫切换切换页面。

pagingEnabled

不过最近做的一个产品，设计的效果有所不同，希望每一页图片的宽度小于屏幕宽度，但也要保证图片之间是相连的，即在屏幕的中间部分显示一幅图片，中间两边显示相邻图片的一小部分，最开始发现有点棘手，需要关闭pagingEnabled属性，自己实现分页效果。但是尝试之后发现要想达到满意的交互体验，要做的事情真不少，偶然的机会想到了一个巧妙的方法来达到这一效果，即：

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

                         
yourScrollView.clipsToBounds = 
YES

转载于:https://www.cnblogs.com/BigPolarBear/archive/2012/03/23/2414127.html

你可能感兴趣的文章