首页 > 代码库 > iOS简单易用的标签列表界面
iOS简单易用的标签列表界面
iOS简单易用的标签列表界面
Demo效果:
Demo演示:
1.使用
cocoapods
引入YZTagListView,或者直接拖入YZTagListView
文件夹到项目中2.导入YZTagListView.h头文件
1#import "YZTagList.h"
3.创建YZTagListView控件
123YZTagList *tagList = [[YZTagList alloc] init];
tagList.backgroundColor = [UIColor brownColor];
_tagList = tagList;
4.设置YZTagListView属性(可选)
12345// 高度可以设置为0,会自动跟随标题计算
tagList.frame = CGRectMake(0, 64, self.view.bounds.size.width, 0);
// 设置标签背景色
tagList.tagBackgroundColor = [UIColor colorWithRed:20 / 255.0 green:160 / 255.0 blue:250 / 255.0 alpha:1];
// 设置标签颜色
tagList.tagColor = [UIColor whiteColor];
// 设置标签删除图片
tagList.tagDeleteimage = [UIImage imageNamed:@
"chose_tag_close_icon"
];
5.添加标签
1 2 3 4 5 | /** * 添加标签 * * @param tagStr 标签文字 */ - ( void )addTag:(NSString *)tagStr; |
6.添加多个标签
1 2 3 4 5 | /** * 添加多个标签 * * @param tagStrs 标签数组,数组存放(NSString *) */ - ( void )addTags:(NSArray *)tagStrs; |
7.删除标签
1 2 3 4 5 | /** * 删除标签 * * @param tagStr 标签文字 */ - ( void )deleteTag:(NSString *)tagStr; |
8.监听标签点击
1 2 3 4 5 6 7 8 9 | /** * 点击标签,执行Block */ @property (nonatomic, strong) void (^clickTagBlock)(NSString *tag); 列如:点击标签,删除标签 // 点击标签,就会调用 __weak typeof(_tagList) weakTagList = _tagList; _tagList.clickTagBlock = ^(NSString *tag){ [weakTagList deleteTag:tag]; }; |
9.排序功能
1 2 3 4 5 | 属性: /** * 是否需要排序功能 */ @property (nonatomic, assign) BOOL isSort; /** * 在排序的时候,放大标签的比例,必须大于1 */ @property (nonatomic, assign) CGFloat scaleTagInSort; |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | 实例: - ( void )viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view. NSArray *tags = @[@ "小码哥" ,@ "小码哥1" ,@ "小码哥2" ,@ "小码哥3" ,@ "iOS学院" ,@ "iOS学院1" ,@ "iOS学院2" ,@ "iOS学院3" ,@ "吖了个峥" ,@ "吖了个峥1" ,@ "吖了个峥2" ,@ "吖了个峥3" ]; // 创建标签列表 YZTagList *tagList = [[YZTagList alloc] init]; // 高度可以设置为0,会自动跟随标题计算 tagList.frame = CGRectMake(0, 64, self.view.bounds.size.width, self.view.bounds.size.height - 64); // 设置排序时,缩放比例 tagList.scaleTagInSort = 1.3; // 需要排序 tagList.isSort = YES; // 标签尺寸 tagList.tagSize = CGSizeMake(80, 30); // 不需要自适应标签列表高度 tagList.isFitTagListH = NO; [self.view addSubview:tagList]; // 设置标签背景色 tagList.tagBackgroundColor = [UIColor colorWithRed:20 / 255.0 green:160 / 255.0 blue:250 / 255.0 alpha:1]; // 设置标签颜色 tagList.tagColor = [UIColor whiteColor]; /** * 这里一定先设置标签列表属性,然后最后去添加标签 */ [tagList addTags:tags]; }
|
iOS简单易用的标签列表界面
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。