GLTagView 1.0.2

GLTagView 1.0.2

Maintained by yinhe.



GLTagView 1.0.2

  • By
  • liujunliuhong

TagView

轻量级标签选择控件,采用Swift编写,兼容OC。

为什么写这个库?

  标签选择功能相信大家在项目中是经常会碰到的,那么大家是怎么解决的呢?是每次都自己写一个还是去找别人写好的呢?如果自己写的话,封装性和扩展性是否很好呢?
  本人由于多次使用到标签选择功能,又想着这种自定义View不是很复杂,因此每次都是重新自己写一个自定义View,没有考虑过是否方便移植到其他项目模块,久而久之,会发现,做了很多重复的事,浪费了很多不必要的时间。
  鉴于此,就写了这个开源库,由于是UI的封装,因此在这个库里,把item的很多定义都交给开发者自己来完成。尽量做到侵入性低,扩展性强。

效果预览

安装

手动

Clone代码,把Sources文件夹拖入项目就可以使用了

CocoaPods

pod 'GLTagView'

如果提示未找到,先执行pod repo update,再执行pod install。理论上支持iOS 8.0以上系统

使用(具体用法请查看Demo,使用方法非常简单)

1、初始化GLTagView

let tagView = GLTagView()
tagView.backgroundColor = .orange
tagView.lineSpacing = 15.0
tagView.interitemSpacing = 30.0
tagView.inset = UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10)
tagView.verticalAlignment = .top
self.view.addSubview(tagView)

tagView.snp.makeConstraints { (make) in
    make.left.equalToSuperview().offset(10)
    make.top.equalToSuperview().offset(100)
    make.right.equalToSuperview().offset(-10)
}

2、设置items

var items: [GLTagItem] = []
for i in 0..<20 {
    let label = UILabel()
    label.textAlignment = .center
    label.font = UIFont.systemFont(ofSize: 16)
    label.textColor = .white
    label.backgroundColor = .red
    label.text = "\(i)"
    
    let item = GLTagItem(view: label, width: itemWidth, height: itemHeight)
    items.append(item)
}
self.tagView.add(items: items)

使用过程中的注意事项

  • 该框架内部做了屏幕旋转的适配,因此不比担心屏幕旋转时,内部元素的排列。
  • 该开源库适合item数量不是很多的情况下使用,如果数据很多,请考虑使用UICollectionView。当然,非要使用GLTagView也不是不可以,只是要考虑好内存使用的情况。
  • 该库没有做滚动兼容,如果item排版超出屏幕了,可以用UIScrollView来包裹GLTagView来达到滚动效果
  • 如果item的高和宽要根据自身内容做自适应,请把GLTagItemwidthheight属性设置为0,然后自定义view,最后在自定义view里面重写intrinsicContentSize方法。
  • GLTagView支持AutoLayoutFrame布局,也就是说你可以使用SnapKit或者Masonry

更新记录(倒叙)

2、1.0.1(2020.12.01)

  • 优化

1、1.0.0(2020.10.24)

  • 发布首个版本

补充

该仓库会不断进行优化,在使用过程中,有任何建议或问题,欢迎提issue,或者通过邮箱[email protected]联系我
喜欢就star❤️一下吧