代码库> 页数控制> 新版swift 4.0 自定义pageControl 空心点、方点、椭圆、图片等
新版swift 4.0 自定义pageControl 空心点、方点、椭圆、图片等
关注
上传者:牛油果 分类:页数控制(Page Control)
查看次数:1839 下载次数:238
上传时间:2017-11-05 大小:3 KB
最新SWIFT 4.0版自定义PageControl,椭圆,空心圆,图片点

刚开始做swift项目,可用资源少而且每个swift版本变化太大,以前的都不能拿来直接用,现在我参考一个object-C的PageControl自己做了一个swift版的, 参考OC资源链接:https://github.com/hackxhj/EllipsePageControl, 非常感谢原作者。 本项目在原OC的功能基础上进行的改进,增加了自定义点的宽度,点的layer,不是当前点的图片等功能 基本能满足大部分的需求,写的很简单,大家一看就懂,欢迎大家使用 由于水平有限,项目中有改进之处忘各位大神给与指点,以求不断完善 本人联系方式:wei287030375@sina.com

如果觉得还可以的话给个star吧,也是对以后进行创作的一种鼓励,谢谢

效果图:

image

以下是部分代码:

class WEIPageControl: UIControl {

var localNumberOfPages = NSInteger()//分页数量
var localCurrentPage = NSInteger()//当前点所在下标
var localPointSize = CGSize()//点的大小
var localPointSpace = CGFloat()//点之间的间距
var localOtherColor = UIColor()//未选中点的颜色
var localCurrentColor = UIColor()//当前点的颜色
var localOtherImage: UIImage?//未选中点的图片
var localCurrentImage: UIImage?//当前点的图片
var localIsSquare = Bool()//是否是方形点
var localCurrentWidthMultiple = CGFloat()//当前选中点宽度与未选中点的宽度的倍数
var localOtherBorderColor: UIColor?//未选中点的layerColor
var localOtherBorderWidth: CGFloat?//未选中点的layer宽度
var localCurrentBorderColor: UIColor?//未选中点的layerColor
var localCurrentBorderWidth: CGFloat?//未选中点的layer宽度
var clickIndex: ((_ result: NSInteger?) -> ())?
在ViewController中使用

//方形点举例 class ViewController: UIViewController, UIScrollViewDelegate {
pageC
pageControl3.frame = CGRect.init(x: left, y: scrollView3.frame.maxY, width: width, height: 20)
pageControl3.numberOfPages = pageCount//总页数
pageControl3.isSquare = true//设置为方型点
pageControl3.currentWidthMultiple = 2.5//当前点的宽度为其他点的2.5倍
pageControl3.currentColor = UIColor.red
pageControl3.otherColor = UIColor.blue
pageControl3.pointSize = CGSize.init(width: 14, height: 6)//方点的size
pageControl3.clickPoint { (index) in//方点的点击事件
self.scrollView3.setContentOffset(CGPoint.init(x: width * CGFloat(index!), y: 0), animated: true)
}
self.view.addSubview(pageControl3)
代码用起来就是这么简单,欢迎大家使用,

本项目github地址:https://github.com/wei287030375/WEIPageControl
收藏
我来说两句
发表评论
您还没有登录!请登录注册
所有评论(0
综合评论
提示
sina weixin mail 回到顶部