首页 > 代码库 > iOS简单易用的标签列表界面

iOS简单易用的标签列表界面

iOS简单易用的标签列表界面

 

Demo效果:

技术分享

技术分享

技术分享

 

Demo演示:

  • 1.使用cocoapods引入YZTagListView,或者直接拖入YZTagListView文件夹到项目中

  • 2.导入YZTagListView.h头文件

    1
    #import "YZTagList.h"
  • 3.创建YZTagListView控件

    1
    2
    3
      YZTagList *tagList = [[YZTagList alloc] init];
      tagList.backgroundColor = [UIColor brownColor];
      _tagList = tagList;
  • 4.设置YZTagListView属性(可选)

    1
    2
    3
    4
    5
      // 高度可以设置为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简单易用的标签列表界面