美死你优惠券网

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

Edit: 衰小乐 ┊   From: 一只猫の世界。 人气: -

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

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


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

两边有边框效果图:

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

实现原理图:

iOS-极其简单的两边留边框的轮播图
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; 要不然两边会被裁减



作者:Simple_Code
链接:https://www.jianshu.com/p/fa426c3c274d
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。


[小站内所有素材图片和文字均搜集整理于互联网,小站不拥有此类素材图片和文字的版权。图片素材和文字均用于学习交流之用,勿作它用;若需商业使用,需获得版权拥有者授权,并遵循国家相关法律、法规之规定。如因非法使用引起纠纷,一切后果由使用者承担。]

Copyright © 2016-2020 衰小乐 Inc. 保留所有权利。