scrollview翻页效果页码宽度修改

先看效果:

scrollview翻页效果页码宽度修改_第1张图片
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展示动画图

你可能感兴趣的:(scrollview翻页效果页码宽度修改)