美文网首页
iOS-极其简单的两边留边框的轮播图

iOS-极其简单的两边留边框的轮播图

作者: Simple_Code | 来源:发表于2018-06-11 14:36 被阅读910次

首先说明一下本文轮播图的设计思想:

本文的轮播图原理采用普通的N+2模式,例如有3张图片名字分别为1、2、3则其在手机上显示如下图:


image.png

两边有边框效果图:

image.png

实现原理图:

image.png

由上图可以看出:
设置UIScrollView的宽度为 UIScreenWidth - 2 * margin1Width(设置Scroll距离View两侧距离)
设置imageView的的宽度的 UIScrollViewWidth - 2 * margin2Width(设置Scroll内部 图片间距)
imageView的x位置为:i -> (2 * i +1) * margin2Width + i *(UIScrollViewWidth - 2 * margin2Width )
注意必须设置:
_scrollView.clipsToBounds = NO; 要不然两边会被裁减

如果想看源码,请前往查看
代码在轮播图两边带边框-更改文件里面

相关文章

网友评论

      本文标题:iOS-极其简单的两边留边框的轮播图

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