iOS实现动态自适应标签

本文实例为大家分享了iOS实现动态自适应标签的具体代码，供大家参考，具体内容如下

先上效果图

 设计要求

1、标签的宽度是按内容自适应的

2、一行显示的标签个数是动态的，放得下就放，放不下就换行

3、默认选中第一个

4、至少选中一个标签

实现思路

首先我们从这个效果上来看，这个标签是有选中和不选中状态，那我们首选的控件肯定就是用 UIButton来实现了。

这个小程度的重点就在于标签能自动换行，还是智能的，不是固定一行多少个那种，这个我们通过计算每个按钮实际宽度与屏幕的宽度进行比较就能判断是否需要换行了。

还有一点就是处理 至少选中一个标签的功能，我这里有一种方式，就是控制按钮的 userInteractionEnabled 属性来实现，如果只有一个按钮的时候就把那一个按钮的这个属性给设置成 NO，这样就禁止用户对它进行点击事件了，这个时候其它按钮是可以正常选中的，只要选中的按钮大于1个，那就把刚才那个按钮属性再改成YES，这样那个按钮就又能点了。

具体看代码

创建一个继承于UIView的 XGTagView类

//
// XGTagView.h
// 动态标签
//
// Created by xgao on 17/3/22.
// Copyright © 2017年 xgao. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface XGTagView : UIView

/**
 * 初始化
 *
 * @param frame frame
 * @param tagArray 标签数组
 *
 * @return
 */
- (instancetype)initWithFrame:(CGRect)frame tagArray:(NSMutableArray*)tagArray;

// 标签数组
@property (nonatomic,retain) NSArray* tagArray;

// 选中标签文字颜色
@property (nonatomic,retain) UIColor* textColorSelected;
// 默认标签文字颜色
@property (nonatomic,retain) UIColor* textColorNormal;

// 选中标签背景颜色
@property (nonatomic,retain) UIColor* backgroundColorSelected;
// 默认标签背景颜色
@property (nonatomic,retain) UIColor* backgroundColorNormal;


@end

//
// XGTagView.m
// 动态标签
//
// Created by xgao on 17/3/22.
// Copyright © 2017年 xgao. All rights reserved.
//

#import "XGTagView.h"

@interface XGTagView()

@end

@implementation XGTagView

/**
 * 初始化
 *
 * @param frame frame
 * @param tagArray 标签数组
 *
 * @return
 */
- (instancetype)initWithFrame:(CGRect)frame tagArray:(NSArray*)tagArray{
 
 self = [super initWithFrame:frame];
 if (self) {
 _tagArray = tagArray;
 [self setUp];
 }
 return self;
}

// 初始化
- (void)setUp{
 
 // 默认颜色
 _textColorNormal = [UIColor darkGrayColor];
 _textColorSelected = [UIColor whiteColor];
 _backgroundColorSelected = [UIColor redColor];
 _backgroundColorNormal = [UIColor whiteColor];
 
 // 创建标签按钮
 [self createTagButton];
}

// 重写set属性
- (void)setTagArray:(NSMutableArray *)tagArray{
 
 _tagArray = tagArray;
 
 // 重新创建标签
 [self resetTagButton];
}

- (void)setTextColorSelected:(UIColor *)textColorSelected{

 _textColorSelected = textColorSelected;
 // 重新创建标签
 [self resetTagButton];
}

- (void)setTextColorNormal:(UIColor *)textColorNormal{
 
 _textColorNormal = textColorNormal;
 // 重新创建标签
 [self resetTagButton];
}

- (void)setBackgroundColorSelected:(UIColor *)backgroundColorSelected{
 
 _backgroundColorSelected = backgroundColorSelected;
 // 重新创建标签
 [self resetTagButton];
}

- (void)setBackgroundColorNormal:(UIColor *)backgroundColorNormal{
 
 _backgroundColorNormal = backgroundColorNormal;
 // 重新创建标签
 [self resetTagButton];
}

#pragma mark - Private

// 重新创建标签
- (void)resetTagButton{
 
 // 移除之前的标签
 for (UIButton* btn in self.subviews) {
 [btn removeFromSuperview];
 }
 // 重新创建标签
 [self createTagButton];
}

// 创建标签按钮
- (void)createTagButton{
 
 // 按钮高度
 CGFloat btnH = 28;
 // 距离左边距
 CGFloat leftX = 6;
 // 距离上边距
 CGFloat topY = 10;
 // 按钮左右间隙
 CGFloat marginX = 10;
 // 按钮上下间隙
 CGFloat marginY = 10;
 // 文字左右间隙
 CGFloat fontMargin = 10;
 
 for (int i = 0; i < _tagArray.count; i++) {
 
 UIButton* btn = [UIButton buttonWithType:UIButtonTypeCustom];
 btn.frame = CGRectMake(marginX + leftX, topY, 100, btnH);
 btn.tag = 100+i;
 // 默认选中第一个
 if (i == 0) {
  btn.selected = YES;
 }
 
 // 按钮文字
 [btn setTitle:_tagArray[i] forState:UIControlStateNormal];
 
 //------ 默认样式
 //按钮文字默认样式
 NSMutableAttributedString* btnDefaultAttr = [[NSMutableAttributedString alloc]initWithString:btn.titleLabel.text];
 // 文字大小
 [btnDefaultAttr addAttribute:NSFontAttributeName value:[UIFont systemFontOfSize:13] range:NSMakeRange(0, btn.titleLabel.text.length)];
 // 默认颜色
 [btnDefaultAttr addAttribute:NSForegroundColorAttributeName value:self.textColorNormal range:NSMakeRange(0, btn.titleLabel.text.length)];
 [btn setAttributedTitle:btnDefaultAttr forState:UIControlStateNormal];
 
 // 默认背景颜色
 [btn setBackgroundImage:[self imageWithColor:self.backgroundColorNormal] forState:UIControlStateNormal];
 
 //----- 选中样式
 // 选中字体颜色
 NSMutableAttributedString* btnSelectedAttr = [[NSMutableAttributedString alloc]initWithString:btn.titleLabel.text];
 // 选中颜色
 [btnSelectedAttr addAttribute:NSForegroundColorAttributeName value:self.textColorSelected range:NSMakeRange(0, btn.titleLabel.text.length)];
 // 选中文字大小
 [btnSelectedAttr addAttribute:NSFontAttributeName value:[UIFont systemFontOfSize:13] range:NSMakeRange(0, btn.titleLabel.text.length)];
 [btn setAttributedTitle:btnSelectedAttr forState:UIControlStateSelected];
 
 // 选中背景颜色
 [btn setBackgroundImage:[self imageWithColor:self.backgroundColorSelected] forState:UIControlStateSelected];
 
 // 圆角
 btn.layer.cornerRadius = btn.frame.size.height / 2.f;
 btn.layer.masksToBounds = YES;
 // 边框
 btn.layer.borderColor = [UIColor lightGrayColor].CGColor;
 btn.layer.borderWidth = 0.5;
 
 // 设置按钮的边距、间隙
 [self setTagButtonMargin:btn fontMargin:fontMargin];
 
 // 处理换行
 if (btn.frame.origin.x + btn.frame.size.width + marginX > self.frame.size.width) {
  // 换行
  topY += btnH + marginY;
  
  // 重置
  leftX = 6;
  btn.frame = CGRectMake(marginX + leftX, topY, 100, btnH);
  
  // 设置按钮的边距、间隙
  [self setTagButtonMargin:btn fontMargin:fontMargin];
 }
 
 // 重置高度
 CGRect frame = btn.frame;
 frame.size.height = btnH;
 btn.frame = frame;
 
 //----- 选中事件
 [btn addTarget:self action:@selector(selectdButton:) forControlEvents:UIControlEventTouchUpInside];
 
 [self addSubview:btn];
 
 leftX += btn.frame.size.width + marginX;
 }
 
 // 检测按钮状态，最少选中一个
 [self checkButtonState];
}

// 设置按钮的边距、间隙
- (void)setTagButtonMargin:(UIButton*)btn fontMargin:(CGFloat)fontMargin{
 
 // 按钮自适应
 [btn sizeToFit];
 
 // 重新计算按钮文字左右间隙
 CGRect frame = btn.frame;
 frame.size.width += fontMargin*2;
 btn.frame = frame;
}

// 检测按钮状态，最少选中一个
- (void)checkButtonState{
 
 int selectCount = 0;
 UIButton* selectedBtn = nil;
 for(int i=0;i < _tagArray.count; i++){
 UIButton* btn = (UIButton*)[self viewWithTag:100+i];
 if(btn.selected){
  selectCount++;
  selectedBtn = btn;
 }
 }
 if (selectCount == 1) {
 // 只有一个就把这一个给禁用手势
 selectedBtn.userInteractionEnabled = NO;
 }else{
 // 解除禁用手势
 for(int i=0;i < _tagArray.count; i++){
  UIButton* btn = (UIButton*)[self viewWithTag:100+i];
  if(!btn.userInteractionEnabled){
  btn.userInteractionEnabled = YES;
  }
 }
 }
}

// 根据颜色生成UIImage
- (UIImage*)imageWithColor:(UIColor*)color{
 
 CGRect rect = CGRectMake(0.0f, 0.0f, 1.0f, 1.0f);
 // 开始画图的上下文
 UIGraphicsBeginImageContext(rect.size);
 
 // 设置背景颜色
 [color set];
 // 设置填充区域
 UIRectFill(CGRectMake(0, 0, rect.size.width, rect.size.height));
 
 // 返回UIImage
 UIImage* image = UIGraphicsGetImageFromCurrentImageContext();
 // 结束上下文
 UIGraphicsEndImageContext();
 return image;
}

#pragma mark - Event

// 标签按钮点击事件
- (void)selectdButton:(UIButton*)btn{
 
 btn.selected = !btn.selected;
 
 // 检测按钮状态，最少选中一个
 [self checkButtonState];
}


@end

好了，大家如果有什么地方看不明白的，留言给我就行。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# iOS动态自适应标签  # iOS自适应标签  # iOS标签  # iOS左右滑动标签页导航的设计  # iOS实现去除html标签的方法汇总  # iOS仿微信添加标签效果(shape实现)  # iOS实现顶部标签式导航栏及下拉分类菜单  # iOS应用开发中UITabBarController标签栏控制器使用进阶  # iOS UICollectionView实现标签选择器  # 换行  # 就把  # 第一个  # 自适应  # 只有一个  # 有什么  # 这一  # 给我  # 好了  # 是有  # 就能  # 有一种  # 就行  # 点了  # 这个时候  # 重写  # 又能  # 看不  # 大家分享  # 来实现 

相关文章： 建站之星代理如何获取技术支持？  如何通过商城自助建站源码实现零基础高效建站？  ,制作一个手机app网站要多少钱？  免费ppt制作网站,有没有值得推荐的免费PPT网站？  ,在苏州找工作，上哪个网站比较好？  如何在建站之星绑定自定义域名？  免费视频制作网站,更新又快又好的免费电影网站？  网站制作与设计教程,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何在企业微信快速生成手机电脑官网？  如何通过免费商城建站系统源码自定义网站主题与功能？  如何获取免费开源的自助建站系统源码？  制作网站建设的公司有哪些,网站建设比较好的公司都有哪些？  网站制作多少钱一个,建一个论坛网站大约需要多少钱？  网站制作公司哪里好做,成都网站制作公司哪家做得比较好，更正规？  如何通过主机屋免费建站教程十分钟搭建网站？  公司网站制作价格怎么算,公司办个官网需要多少钱？  宝塔建站助手安装配置与建站模板使用全流程解析  高端智能建站公司优选：品牌定制与SEO优化一站式服务  如何通过虚拟主机快速完成网站搭建？  如何通过.red域名打造高辨识度品牌网站？  如何获取上海专业网站定制建站电话？  建站之星后台密码遗忘？如何快速找回？  视频网站制作教程,怎么样制作优酷网的小视频？  创业网站制作流程,创业网站可靠吗？  如何在腾讯云服务器快速搭建个人网站？  如何在IIS中新建站点并解决端口绑定冲突？  ,购物网站怎么盈利呢？  深圳网站制作案例,网页的相关名词有哪些？  网站制作难吗安全吗,做一个网站需要多久时间？  ,柠檬视频怎样兑换vip？  网站app免费制作软件,能免费看各大网站视频的手机app？  网站建设制作、微信公众号,公明人民医院怎么在网上预约？  如何快速搭建个人网站并优化SEO？  建站之星好吗？新手能否轻松上手建站？  如何选择高效响应式自助建站源码系统？  如何彻底卸载建站之星软件？  网站制作服务平台,有什么网站可以发布本地服务信息？  建站主机选虚拟主机还是云服务器更好？  如何制作网站标识牌,动态网站如何制作（教程）？  中山网站推广排名,中山信息港登录入口？  建站之星如何助力企业快速打造五合一网站？  ppt在线制作免费网站推荐,有什么下载免费的ppt模板网站？  实现虚拟支付需哪些建站技术支撑？  韩国代理服务器如何选？解析IP设置技巧与跨境访问优化指南  购物网站制作费用多少,开办网上购物网站，需要办理哪些手续？  制作表格网站有哪些,线上表格怎么弄？  网站制作知乎推荐,想做自己的网站用什么工具比较好？  制作网站的网址是什么,请问后缀为.com和.com.cn还有.cn的这三种网站是分别是什么类型的网站？  ,南京靠谱的征婚网站？  如何通过山东自助建站平台快速注册域名？