SKTagView的简介及应用

    在iOS移动端开发项目中常会遇到搜索框中的历史搜索标签或者电商购物属性选择器标签之类的需求，在此为大家介绍一个比较好用的工具——SKTagView，SKTagView可根据标签中文字的长度来自适应调整标签栏的宽度，进一步优化为标签栏的宽度及高度都可根据用户可调和不可调来制定。

        这里主要介绍SKTagView用到的两大场景：

第一：在搜索🔍下拉列表框中的历史搜索或者热门搜索标签，如图所示：

SKTagView搜索历史标签栏

第二：用于电商APP中选择加入购物车时商品的属性标签，如图所示：

SKTagView用于商品属性标签

      以上介绍了SKTagView的主要应用场景，下面简单介绍一下SKTagView工具类的使用：

1.首先我们介绍一下标签SKTag工具类：

SKTag主要是提供的对其自身的属性设置就文本赋值

SKTag

通过设置SKTag的text文本内容可设置标签栏的展示文本，同时通过设置attributedText制定文本字符串属性（如字体、字体颜色、是否带下划线、删除线等），设置bgImg、cornerRadius、borderColor、borderWidth一系列属性可设置个性化标签背景，如是否圆角、圆角颜色、边框颜色等属性，padding属性则是决定标签相对于其容器的上、左、下、右边距。对于初始化一个Skag标签我们采用- (nonnull instancetype)initWithText: (nonnull NSString *)text初始化方法，同时设置Skag标签的初始文本内容。

2.将SKTag添加至SKTagView，即SKTagView为SKTag标签容器，在此介绍工具类SKTagView的使用：

SKTagView

如图所示，同SKTag类似，对于SKTagView的padding依然是设置SKTagView与其SuperView的上、左、下、右的边距，lineSpacing则是设置SKTagView中的item上下行间距，设置interitemSpacing可设置item之间的间距，preferredMaxLayoutWidth表示item的最大宽度，对于regularWidth及regularHeight值若为非0，则item的宽或高是可变的，方法：- (void)addTag: (nonnullSKTag*)tag为添加SKTag对象进SKTagView容器中。didTapTagAtIndex则主要是用于对点击某个item时，识别item index做操作。在此其他方法不再赘述。

以上简单介绍了SKTag和SKTagView的使用，现在上一段实例代码作为参考：