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];
}

 

转载于:https://www.cnblogs.com/ruixin-jia/p/5851297.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值