scrollview翻页效果页码宽度修改

先看效果：

gif

实现的效果的关键点：
1. scrollview的宽度是小于屏幕宽度的自定义设置的值；
2. 蓝色的圆是添加在scrollview里面，两个边缘上的一部分圆是超出父视图scrollView的，现在显示出来的
3. 超出了scrollview的子视图是可以滑动的，可以响应点击的
4. 翻页效果是以一个scrollview宽度为一个页

实现的功能的关键技术点：

1. KVC设置宽度约束（NSLayoutConstraint）的multiplier参数。

实现的步骤：

1. 给scrollview加好约束，然后内部添加好一个contentview的约束

2. [self.contentWidthConstraint setValue:@(totalNum) forKey:@"multiplier"];

3. NSLayoutConstraint里面的multiplier参数是readOnly的，所以要用KVC赋值

4.  具体细节看 demo

附：

mac下为iOS app制作gif展示动画图