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

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

本文的轮播图原理采用普通的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; 要不然两边会被裁减

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AGI阅读 16,019评论 3 119
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,259评论 4 61
  • 脚下的土地 是五千年的生生不息 是涅槃后的浴火重生 你伤痕累累 却坚硬如铁 护我周全 啊,我的祖国 我将我全部的热...
    词味先生阅读 593评论 1 2
  • 如果我说了两遍了 这件事情我很介意 会让我很不开心 你还是要继续做 那第三次 我只能让你和这些破事一起消失​…… ...
    羽衣甘蓝2025阅读 386评论 3 1