美文网首页
scrollview翻页效果页码宽度修改

scrollview翻页效果页码宽度修改

作者: Sweet丶 | 来源:发表于2017-11-30 10:13 被阅读13次

先看效果:

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翻页效果页码宽度修改

    先看效果: 实现的效果的关键点:1.scrollview的宽度是小于屏幕宽度的自定义设置的值;2. 蓝色的圆是添加...

  • Selenium+Beautiful爬取京东商品

    流程框架 搜索关键字,利用selenium驱动浏览器搜索关键字 分析页码并翻页,得到商品页码数,模拟翻页,得到后续...

  • 巧用ViewPager实现驾考宝典做题翻页效果

    效果如下所示: 思路:a.利用ViewPager自带的动画效果,略作修改,实现滑动覆盖翻页效果。b.移动时加入阴影...

  • 易发BUG(checklist)

    一、web 1、列表 1列表数据默认排序2列表翻页3翻页搜索(页码非第一页时,搜索)4翻页导出(页码非第一页时,导...

  • ThinkPHP 5.0 页码展示修改

    页码显示样式修改 修改手机端展示样式,增加页码显示,并且修改页码展示数量 /** * 手机端页码按钮 * @ret...

  • 翻页的用法

    分页的几种方式: 页码数字陈列:页码数字陈列的作用是方便快速定位,通常会列出首页和目前页码附近的页码。 逐页翻页:...

  • frame、bounds、center、position、anc

    tips: 1.ScrollView的滚动效果就是利用了修改bounds来实现的!!!!(拓展知识) (bound...

  • scrollView的深入理解

    1.ScrollView的滚动效果就是利用了修改bounds来实现的!!!!(拓展知识) (bounds就是scr...

  • 翻页效果

    设定翻页转轴transform-origin: left center;左边中心; 设定页面翻页层级:page页面...

  • 翻页效果

    小时候看电子书,很多电子书APP都有仿真的翻页效果,那时候觉得很新奇,奈何姿势水平不够,看不破其中的奥秘,有些当时...

网友评论

      本文标题:scrollview翻页效果页码宽度修改

      本文链接:https://www.haomeiwen.com/subject/dkjfbxtx.html