首先说明一下本文轮播图的设计思想:
本文的轮播图原理采用普通的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; 要不然两边会被裁减
如果想看源码,请前往查看
代码在轮播图两边带边框-更改文件
里面
网友评论