//

//  PHTagViewFrame.m

//  标签的使用二

//

//  Created by 123 on 16/9/6.

//  Copyright © 2016年 彭洪. All rights reserved.

//

/**

*  计算多个标签的位置 标签根据文字自适应宽度 每行超过的宽度平均分配给每个标签 每个标签左右对齐

*

*  @return

*/

#import "PHTagViewFrame.h"

#define padding10 10

@implementation PHTagViewFrame

- (id)init {

self = [super init];

if (self) {

_tagsFrames = [[NSMutableArray alloc] init];

_tagsMinPadding = padding10;

_tagsMargin = padding10;

_tagsLineSpaceing = padding10;

}

return self;

}

- (void)setTagsArray:(NSArray *)tagsArray {

_tagsArray = tagsArray;

CGFloat btnX = _tagsMargin;

CGFloat btnW = 0;

CGFloat nextWidth = 0;//下一个标签宽度

CGFloat moreWidth = 0;//每一行多出来的宽度

//每一行的最后一个tag的索引数组和每一行多出来的宽度的数组

NSMutableArray *lastIndexs = [[NSMutableArray alloc] init];

NSMutableArray *moreWidths = [[NSMutableArray alloc] init];

for (int i=0; i<tagsArray.count; i++) {

btnW = [self sizeWithText:tagsArray[i] font:TagTitleFont].width + _tagsMinPadding *2;

if (i <tagsArray.count-1) {

nextWidth = [self sizeWithText:tagsArray[i+1] font:TagTitleFont].width + _tagsMinPadding*2;

}

CGFloat nextBtnX = btnX+btnW + _tagsMargin;

//如果下一个按钮 标签最右边则换行

if ((nextBtnX + nextWidth)>(SCREEN_W-_tagsMargin)) {

//计算超过的宽度

moreWidth = SCREEN_W - nextBtnX;

[lastIndexs addObject:[NSNumber numberWithInteger:i]];

[moreWidths addObject:[NSNumber numberWithFloat:moreWidth]];

btnX = _tagsMargin;

}

else {

btnX += (btnW + _tagsMargin);

}

//如果是最后一个且数组中没有 则加入数组中

if (i == tagsArray.count - 1) {

if (![lastIndexs containsObject:[NSNumber numberWithInt:i]]) {

[lastIndexs addObject:[NSNumber numberWithInt:i]];

[moreWidths addObject:[NSNumber numberWithFloat:0]];

}

}

}

NSInteger location = 0;//截取的位置

NSInteger length = 0;//截取的长度

CGFloat averageW = 0;//多出来的平均宽度

CGFloat tagW = 0;

CGFloat tagH = 30;

for (int i=0; i<lastIndexs.count; i++) {

NSInteger lastIndex = [lastIndexs[i]integerValue];

if (i == 0) {

length = lastIndex + 1;

}

else {

length = [lastIndexs[i]integerValue]-[lastIndexs[i-1]integerValue];

}

//从数组中截取每一行的数组

NSArray *newArr = [tagsArray subarrayWithRange:NSMakeRange(location, length)];

location = lastIndex +1;

averageW = [moreWidths[i]floatValue]/newArr.count;

CGFloat tagX = _tagsMargin;

CGFloat tagY = _tagsLineSpaceing + (_tagsLineSpaceing + tagH)*i;

for (int j=0; j<newArr.count; j++) {

tagW = [self sizeWithText:newArr[j] font:TagTitleFont].width + _tagsMinPadding *2 + averageW;

CGRect btnF = CGRectMake(tagX, tagY, tagW, tagH);

[_tagsFrames addObject:NSStringFromCGRect(btnF)];

tagX += (tagW + _tagsMargin);

}

}

_tagsHeight = (tagH + _tagsLineSpaceing) * lastIndexs.count + _tagsLineSpaceing;

}

/**

*  单行文本数据获取宽高

*/

- (CGSize)sizeWithText:(NSString *)text font:(UIFont *)font {

NSDictionary *attrs = @{NSFontAttributeName:font};

return [text sizeWithAttributes:attrs];

}

@end

//

//  PHTagViewFrame.h

//  标签的使用二

//

//  Created by 123 on 16/9/6.

//  Copyright © 2016年 彭洪. All rights reserved.

//

#import <Foundation/Foundation.h>

#import <UIKit/UIKit.h>

#define SCREEN_W    [UIScreen mainScreen].bounds.size.width

#define SCREEN_H    [UIScreen mainScreen].bounds.size.height

#define TagTitleFont [UIFont systemFontOfSize:13]

@interface PHTagViewFrame : NSObject

/**

*  标签名字数组

*/

@property (nonatomic,strong) NSArray *tagsArray;

/**

*  标签frame数组

*/

@property (nonatomic,strong) NSMutableArray *tagsFrames;

/**

*  标签高度

*/

@property (nonatomic,assign) CGFloat tagsHeight;

/**

*  标签间距

*/

@property (nonatomic,assign) CGFloat tagsMargin;

/**

*  标签行间距

*/

@property (nonatomic,assign) CGFloat tagsLineSpaceing;

/**

*  标签最小内边距

*/

@property (nonatomic,assign) CGFloat tagsMinPadding;

@end

//

//  PHTagView.h

//  标签的使用二

//

//  Created by 123 on 16/9/6.

//  Copyright © 2016年 彭洪. All rights reserved.

//

#import <UIKit/UIKit.h>

#import "PHTagViewFrame.h"

#define TextColor     [UIColor colorWithRed:51.0/255.0 green:51.0/255.0 blue:51.0/255.0 alpha:1.0]

#define UIColorRGBA(r,g,b,a) [UIColor colorWithRed:(r)/255.0 green:(g)/255.0 blue:(b)/255.0 alpha:(a)]

@class PHTagViewFrame;

@protocol TagViewDelegate <NSObject>

- (void)tagView:(NSArray *)tagArray;

@end

@interface PHTagView : UIView

{

//储存选中按钮的tag

NSMutableArray *selectedBtnList;

}

@property (nonatomic,weak) id<TagViewDelegate>delegate;

/** 是否能选中 需要在frame钱调用 默认yes */

@property (nonatomic,assign) BOOL clickBool;

/** 未选中边框大小 需要在frame前调用 默认0.5 */

@property (nonatomic,assign) CGFloat borderSize;

/** frame */

@property (nonatomic,strong) PHTagViewFrame *tagsFrame;

/** 选中背景颜色 默认白色 */

@property (nonatomic,strong) UIColor *clickBackgroundColor;

/** 选中字体颜色 默认 */

@property (nonatomic,strong) UIColor *clickTitleColor;

/** 多选选中 默认未选中 */

@property (nonatomic,strong) NSArray *clickArray;

/** 单选选中 默认未选中 */

@property (nonatomic,strong) NSString *clickString;

/** 选中边框大小 默认0.5 */

@property (nonatomic,assign) CGFloat clickBorderSize;

/** 1-多选 0-单选 默认单选 */

@property (nonatomic,assign) NSInteger clickStart;

@end

//

//  PHTagView.m

//  标签的使用二

//

//  Created by 123 on 16/9/6.

//  Copyright © 2016年 彭洪. All rights reserved.

//

#import "PHTagView.h"

@implementation PHTagView

- (id)initWithFrame:(CGRect)frame {

self = [super initWithFrame:frame];

if (self) {

selectedBtnList = [[NSMutableArray alloc] init];

self.clickBackgroundColor = [UIColor whiteColor];

self.clickTitleColor = TextColor;

self.clickArray = nil;

self.clickBool = YES;

self.borderSize = 0.5;

self.clickBorderSize = 0.5;

}

return self;

}

- (void)setTagsFrame:(PHTagViewFrame *)tagsFrame {

_tagsFrame = tagsFrame;

for (NSInteger i=0; i<tagsFrame.tagsArray.count; i++) {

UIButton *tagsBtn = [UIButton buttonWithType:UIButtonTypeCustom];

[tagsBtn setTitle:tagsFrame.tagsArray[i] forState:UIControlStateNormal];

[tagsBtn setTitleColor:TextColor forState:UIControlStateNormal];

tagsBtn.titleLabel.font = TagTitleFont;

tagsBtn.tag = i;

tagsBtn.backgroundColor = [UIColor whiteColor];

//        [self ma]

}

}

#pragma mark 选中背景颜色

- (void)setClickBackgroundColor:(UIColor *)clickBackgroundColor {

if (_clickBackgroundColor != _clickBackgroundColor) {

_clickBackgroundColor = clickBackgroundColor;

}

}

#pragma mark 选中字体颜色

- (void)setClickTitleColor:(UIColor *)clickTitleColor {

if (_clickTitleColor != clickTitleColor) {

_clickTitleColor = clickTitleColor;

}

}

#pragma mark 能否被选中

- (void)setClickBool:(BOOL)clickBool {

_clickBool = clickBool;

}

#pragma mark 选中边框大小

- (void)setBorderSize:(CGFloat)borderSize {

if (_borderSize != borderSize) {

_borderSize = borderSize;

}

}

#pragma mark 选中边框大小

- (void)setClickBorderSize:(CGFloat)clickBorderSize {

if (_clickBorderSize != clickBorderSize) {

_clickBorderSize = clickBorderSize;

}

}

#pragma mark 默认选择 单选

- (void)setClickString:(NSString *)clickString {

if (_clickString != clickString) {

_clickString = clickString;

}

if ([_tagsFrame.tagsArray containsObject:_clickString]) {

NSInteger index = [_tagsFrame.tagsArray indexOfObject:_clickString];

[self clickString:index];

}

}

#pragma mark 默认选则 多选

- (void)setClickArray:(NSArray *)clickArray {

if (_clickArray != clickArray) {

_clickArray = clickArray;

}

for (NSString *string in clickArray) {

if ([_tagsFrame.tagsArray containsObject:string]) {

NSInteger index = [_tagsFrame.tagsArray indexOfObject:string];

NSString *x = [[NSString alloc] initWithFormat:@"%ld",(long)index];

[self clickArray:x];

}

}

}

#pragma mark 单选

- (void)clickString:(NSInteger)index {

UIButton *btn ;

for (id obj in self.subviews) {

if ([obj isKindOfClass:[UIButton class]]) {

btn = (UIButton *)obj;

if (btn.tag == index) {

btn.backgroundColor = [UIColor whiteColor];

[btn setTitleColor:_clickTitleColor forState:UIControlStateNormal];

[self makeCorner:_clickBorderSize view:btn color:_clickTitleColor];

[_delegate tagView:@[[NSString stringWithFormat:@"%ld",(long)index]]];

}

else {

btn.backgroundColor = [UIColor whiteColor];

[btn setTitleColor:TextColor forState:UIControlStateNormal];

[self makeCorner:_borderSize view:btn color:UIColorRGBA(221, 221, 221, 1)];

}

}

}

}

#pragma mark 多选

- (void)clickArray:(NSString *)index {

UIButton *btn;

for (id obj in self.subviews) {

if ([obj isKindOfClass:[UIButton class]]) {

btn = (UIButton *)obj;

if (btn.tag == [index integerValue]) {

btn.backgroundColor = [UIColor whiteColor];

if ([selectedBtnList containsObject:index]) {

[btn setTitleColor:TextColor forState:UIControlStateNormal];

[self makeCorner:_clickBorderSize view:btn color:_clickTitleColor];

[selectedBtnList addObject:index];

}

else {

[btn setTitleColor:_clickTitleColor forState:UIControlStateNormal];

[self makeCorner:_clickBorderSize view:btn color:_clickTitleColor];

[selectedBtnList addObject:index];

}

[_delegate tagView:selectedBtnList];

}

}

}

}

//设置角标

- (void)makeCorner:(CGFloat)corner view:(UIView *)view color:(UIColor *)color {

CALayer *filesLayer = [view layer];

filesLayer.borderColor = [color CGColor];

filesLayer.borderWidth = corner;

}

- (void)tagsBtn:(UIButton *)sender {

if (self.clickStart == 0) {

//单选

[self clickString:sender.tag];

}

else {

//多选

NSString *x = [[NSString alloc] initWithFormat:@"%ld",(long)sender.tag];

[self clickArray:x];

}

}

@end

- (void)viewDidLoad {

[super viewDidLoad];

self.view.backgroundColor = UIColorRGBA(238, 238, 238, 1);

NSArray *array = @[@"code4app",@"轻音少女",@"花季少女",@"我们仍未知道那天所看见的花的名字",@"华语",@"花有重开日",@"空之境界"];

PHTagViewFrame *frame = [[PHTagViewFrame alloc] init];

frame.tagsMinPadding = 4;

frame.tagsMargin = 10;

frame.tagsLineSpaceing = 10;

frame.tagsArray = array;

PHTagView *tagView = [[PHTagView alloc] initWithFrame:CGRectMake(0, 30, SCREEN_W, frame.tagsHeight)];

tagView.clickBool = YES;

tagView.borderSize = 0.5;

tagView.clickBorderSize = 0.5;

tagView.tagsFrame = frame;

tagView.clickBackgroundColor = BACKGROUNDCOLOR;

tagView.clickTitleColor = BACKGROUNDCOLOR;

tagView.clickStart = 0;

tagView.clickString = @"华语";//单选  tagView.clickStart 为0

//    tagView.clickArray = @[@"误解向",@"我们仍未知道那天所看见的花的名字"];//多选 tagView.clickStart 为1

tagView.delegate = self;

[self.view addSubview:tagView];

}

标签栏使用Demo二的更多相关文章

  1. baidumap demo(二)

    接口说明 百度地图API提供的搜索服务包括:POI检索,多关键字检索,公交方案检索,驾车路线检索,步行路线检索,地理编码,反地理编码,公交详情检索,在线建议查询,短串分享. 所有检索请求接口均为异步接 ...

  2. Tornado 网站demo 二

    连接数据库 methods 中建立一个文件 db.py 分别建立起连接对象和游标对象 #!/usr/bin/env Python # coding=utf-8 import pymysql conn ...

  3. ios 团购信息客户端demo(二)

    接上一篇,这篇我们对我们的客户端加入KissXML,MBProgressHUD,AQridView这几个库,首先我们先加入KissXML,这是XML解析库,支持Xpath,可以方便添加更改任何节点.先 ...

  4. 使用Flexible适配移动端html页面 - demo记录

    前段时间看了大神的博客文章[使用Flexible实现手淘H5页面的终端适配](地址:http://www.w3cplus.com/mobile/lib-flexible-for-html5-layou ...

  5. TensorFlow 在android上的Demo(1)

    转载时请注明出处: 修雨轩陈 系统环境说明: ------------------------------------ 操作系统 : ubunt 14.03 _ x86_64 操作系统 内存: 8GB ...

  6. 第7篇 ORACLE EBS DEMO虚拟机环境的安装

    ERP信息系统的实施不仅要求懂得道理方面的知识,更要侧重于应用实践.为了有一个稳定的测试环境.初学者可以自己搭建一个EBS DEMO环境.本节介绍EBS DEMO环境虚拟机的安装.一. 安装前的准备( ...

  7. echarts标准饼图(一)——基本配置demo

    echarts标准饼图解读共分为四部分, 一.基本配置demo 二.标题(title)配置 三.提示框(tooltip)配置 四.图例(legend)配置 五.系列列表(series )配置 下面是一 ...

  8. spring4.0之二:@Configuration的使用

    从Spring3.0,@Configuration用于定义配置类,可替换xml配置文件,被注解的类内部包含有一个或多个被@Bean注解的方法,这些方法将会被AnnotationConfigApplic ...

  9. 转载:二次指数平滑法求预测值的Java代码

    原文地址: http://blog.csdn.net/qustmeng/article/details/52186378?locationNum=4&fps=1 import java.uti ...

随机推荐

  1. Atitit 图像处理之理解卷积attilax总结

    Atitit 图像处理之理解卷积attilax总结 卷积的运算可以分为反转.平移,相乘,求和.        在图像处理中,图像是一个大矩阵,卷积模板是一个小矩阵.按照上述过程,就是先把小矩阵反转,然 ...

  2. js 数组

    js中的数组类似与java中的容器 类型可以不同.长度可变 一.数组的声明 var arr1=new Array();//数组的声明一     var arr2=[1,2,3,true,new Dat ...

  3. KnockoutJS 3.X API 第三章 计算监控属性(5) 参考手册

    计算监控属性构造参考 计算监控属性可使用以下形式进行构造: ko.computed( evaluator [, targetObject, options] ) - 这种形式是创建一个计算监控属性最常 ...

  4. Java基础-接口中国特色社会主义的体制中有这样的现象:地方省政府要坚持党的领导和按 照国务院的指示进行安全生产。请编写一个java应用程序描述上述的体制现象。 要求如下: (1)该应用程序中有一个“党中央”接口:CentralPartyCommittee,该接口中 有个“坚持党的领导”方法:void partyLeader() (2)该应用程序中有一个“国务院”抽象类:StateCouncil,

    36.中国特色社会主义的体制中有这样的现象:地方省政府要坚持党的领导和按 照国务院的指示进行安全生产.请编写一个java应用程序描述上述的体制现象. 要求如下: (1)该应用程序中有一个“党中央”接口 ...

  5. Callable、Future、RunnableFuture、FutureTask的原理及应用

    1. Callable.Future.RunnableFuture.FutureTask的继承关系 在多线程编程中,我们一般通过一个实现了Runnable接口的对象来创建一个线程,这个线程在内部会执行 ...

  6. 咱们来聊聊JS中的异步,以及如何异步,菜鸟版

    为什么需要异步?why?来看一段代码. 问题1: for(var i=0;i<100000;i++){ } alert('hello world!!!'); 这段代码的意思是执行100...次后 ...

  7. vc操作windows防火墙的方法

    收藏该地址,以备不时之需. http://msdn.microsoft.com/en-us/library/aa364726.aspx

  8. Render OpenCascade Geometry Surfaces in OpenSceneGraph

    在OpenSceneGraph中绘制OpenCascade的曲面 Render OpenCascade Geometry Surfaces in OpenSceneGraph eryar@163.co ...

  9. javascript中的原始值和复杂值

    × 目录 [1]特性 [2]存储方式 [3]访问方式 [4]比较方式 [5]动态属性 前面的话 javascript的数据类型可以分为两种:原始类型和引用类型.原始类型也称为基本类型或简单类型,jav ...

  10. Java多线程系列--“JUC线程池”02之 线程池原理(一)

    概要 在上一章"Java多线程系列--“JUC线程池”01之 线程池架构"中,我们了解了线程池的架构.线程池的实现类是ThreadPoolExecutor类.本章,我们通过分析Th ...