欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

iOS實(shí)現(xiàn)動(dòng)態(tài)自適應(yīng)標(biāo)簽

 更新時(shí)間:2020年04月20日 11:39:43   作者:這酸爽!  
這篇文章主要為大家詳細(xì)介紹了iOS動(dòng)態(tài)自適應(yīng)標(biāo)簽的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了iOS實(shí)現(xiàn)動(dòng)態(tài)自適應(yīng)標(biāo)簽的具體代碼,供大家參考,具體內(nèi)容如下

先上效果圖

 設(shè)計(jì)要求

1、標(biāo)簽的寬度是按內(nèi)容自適應(yīng)的

2、一行顯示的標(biāo)簽個(gè)數(shù)是動(dòng)態(tài)的,放得下就放,放不下就換行

3、默認(rèn)選中第一個(gè)

4、至少選中一個(gè)標(biāo)簽

實(shí)現(xiàn)思路

首先我們從這個(gè)效果上來(lái)看,這個(gè)標(biāo)簽是有選中和不選中狀態(tài),那我們首選的控件肯定就是用 UIButton來(lái)實(shí)現(xiàn)了。

這個(gè)小程度的重點(diǎn)就在于標(biāo)簽?zāi)茏詣?dòng)換行,還是智能的,不是固定一行多少個(gè)那種,這個(gè)我們通過(guò)計(jì)算每個(gè)按鈕實(shí)際寬度與屏幕的寬度進(jìn)行比較就能判斷是否需要換行了。

還有一點(diǎn)就是處理 至少選中一個(gè)標(biāo)簽的功能,我這里有一種方式,就是控制按鈕的 userInteractionEnabled 屬性來(lái)實(shí)現(xiàn),如果只有一個(gè)按鈕的時(shí)候就把那一個(gè)按鈕的這個(gè)屬性給設(shè)置成 NO,這樣就禁止用戶對(duì)它進(jìn)行點(diǎn)擊事件了,這個(gè)時(shí)候其它按鈕是可以正常選中的,只要選中的按鈕大于1個(gè),那就把剛才那個(gè)按鈕屬性再改成YES,這樣那個(gè)按鈕就又能點(diǎn)了。

具體看代碼

創(chuàng)建一個(gè)繼承于UIView的 XGTagView類

//
// XGTagView.h
// 動(dòng)態(tài)標(biāo)簽
//
// 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 標(biāo)簽數(shù)組
 *
 * @return
 */
- (instancetype)initWithFrame:(CGRect)frame tagArray:(NSMutableArray*)tagArray;

// 標(biāo)簽數(shù)組
@property (nonatomic,retain) NSArray* tagArray;

// 選中標(biāo)簽文字顏色
@property (nonatomic,retain) UIColor* textColorSelected;
// 默認(rèn)標(biāo)簽文字顏色
@property (nonatomic,retain) UIColor* textColorNormal;

// 選中標(biāo)簽背景顏色
@property (nonatomic,retain) UIColor* backgroundColorSelected;
// 默認(rèn)標(biāo)簽背景顏色
@property (nonatomic,retain) UIColor* backgroundColorNormal;


@end

//
// XGTagView.m
// 動(dòng)態(tài)標(biāo)簽
//
// 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 標(biāo)簽數(shù)組
 *
 * @return
 */
- (instancetype)initWithFrame:(CGRect)frame tagArray:(NSArray*)tagArray{
 
 self = [super initWithFrame:frame];
 if (self) {
 _tagArray = tagArray;
 [self setUp];
 }
 return self;
}

// 初始化
- (void)setUp{
 
 // 默認(rèn)顏色
 _textColorNormal = [UIColor darkGrayColor];
 _textColorSelected = [UIColor whiteColor];
 _backgroundColorSelected = [UIColor redColor];
 _backgroundColorNormal = [UIColor whiteColor];
 
 // 創(chuàng)建標(biāo)簽按鈕
 [self createTagButton];
}

// 重寫set屬性
- (void)setTagArray:(NSMutableArray *)tagArray{
 
 _tagArray = tagArray;
 
 // 重新創(chuàng)建標(biāo)簽
 [self resetTagButton];
}

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

 _textColorSelected = textColorSelected;
 // 重新創(chuàng)建標(biāo)簽
 [self resetTagButton];
}

- (void)setTextColorNormal:(UIColor *)textColorNormal{
 
 _textColorNormal = textColorNormal;
 // 重新創(chuàng)建標(biāo)簽
 [self resetTagButton];
}

- (void)setBackgroundColorSelected:(UIColor *)backgroundColorSelected{
 
 _backgroundColorSelected = backgroundColorSelected;
 // 重新創(chuàng)建標(biāo)簽
 [self resetTagButton];
}

- (void)setBackgroundColorNormal:(UIColor *)backgroundColorNormal{
 
 _backgroundColorNormal = backgroundColorNormal;
 // 重新創(chuàng)建標(biāo)簽
 [self resetTagButton];
}

#pragma mark - Private

// 重新創(chuàng)建標(biāo)簽
- (void)resetTagButton{
 
 // 移除之前的標(biāo)簽
 for (UIButton* btn in self.subviews) {
 [btn removeFromSuperview];
 }
 // 重新創(chuàng)建標(biāo)簽
 [self createTagButton];
}

// 創(chuàng)建標(biāo)簽按鈕
- (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;
 // 默認(rèn)選中第一個(gè)
 if (i == 0) {
  btn.selected = YES;
 }
 
 // 按鈕文字
 [btn setTitle:_tagArray[i] forState:UIControlStateNormal];
 
 //------ 默認(rèn)樣式
 //按鈕文字默認(rèn)樣式
 NSMutableAttributedString* btnDefaultAttr = [[NSMutableAttributedString alloc]initWithString:btn.titleLabel.text];
 // 文字大小
 [btnDefaultAttr addAttribute:NSFontAttributeName value:[UIFont systemFontOfSize:13] range:NSMakeRange(0, btn.titleLabel.text.length)];
 // 默認(rèn)顏色
 [btnDefaultAttr addAttribute:NSForegroundColorAttributeName value:self.textColorNormal range:NSMakeRange(0, btn.titleLabel.text.length)];
 [btn setAttributedTitle:btnDefaultAttr forState:UIControlStateNormal];
 
 // 默認(rèn)背景顏色
 [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;
 
 // 設(shè)置按鈕的邊距、間隙
 [self setTagButtonMargin:btn fontMargin:fontMargin];
 
 // 處理?yè)Q行
 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);
  
  // 設(shè)置按鈕的邊距、間隙
  [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;
 }
 
 // 檢測(cè)按鈕狀態(tài),最少選中一個(gè)
 [self checkButtonState];
}

// 設(shè)置按鈕的邊距、間隙
- (void)setTagButtonMargin:(UIButton*)btn fontMargin:(CGFloat)fontMargin{
 
 // 按鈕自適應(yīng)
 [btn sizeToFit];
 
 // 重新計(jì)算按鈕文字左右間隙
 CGRect frame = btn.frame;
 frame.size.width += fontMargin*2;
 btn.frame = frame;
}

// 檢測(cè)按鈕狀態(tài),最少選中一個(gè)
- (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) {
 // 只有一個(gè)就把這一個(gè)給禁用手勢(shì)
 selectedBtn.userInteractionEnabled = NO;
 }else{
 // 解除禁用手勢(shì)
 for(int i=0;i < _tagArray.count; i++){
  UIButton* btn = (UIButton*)[self viewWithTag:100+i];
  if(!btn.userInteractionEnabled){
  btn.userInteractionEnabled = YES;
  }
 }
 }
}

// 根據(jù)顏色生成UIImage
- (UIImage*)imageWithColor:(UIColor*)color{
 
 CGRect rect = CGRectMake(0.0f, 0.0f, 1.0f, 1.0f);
 // 開始畫圖的上下文
 UIGraphicsBeginImageContext(rect.size);
 
 // 設(shè)置背景顏色
 [color set];
 // 設(shè)置填充區(qū)域
 UIRectFill(CGRectMake(0, 0, rect.size.width, rect.size.height));
 
 // 返回UIImage
 UIImage* image = UIGraphicsGetImageFromCurrentImageContext();
 // 結(jié)束上下文
 UIGraphicsEndImageContext();
 return image;
}

#pragma mark - Event

// 標(biāo)簽按鈕點(diǎn)擊事件
- (void)selectdButton:(UIButton*)btn{
 
 btn.selected = !btn.selected;
 
 // 檢測(cè)按鈕狀態(tài),最少選中一個(gè)
 [self checkButtonState];
}


@end

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

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • iOS 10新的通知機(jī)制中添加圖片的方法詳解

    iOS 10新的通知機(jī)制中添加圖片的方法詳解

    這篇文章主要介紹了iOS 10新的通知機(jī)制中添加圖片的方法,文中介紹的非常詳細(xì),相信對(duì)大家具有一定的參考價(jià)值,需要的朋友們下面來(lái)一起看看吧。
    2017-03-03
  • iOS 原生地圖地理編碼與反地理編碼(詳解)

    iOS 原生地圖地理編碼與反地理編碼(詳解)

    下面小編就為大家?guī)?lái)一篇iOS 原生地圖地理編碼與反地理編碼(詳解)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-04-04
  • iOS10適配問(wèn)題收集整理

    iOS10適配問(wèn)題收集整理

    本文是小編給大家收集整理些有關(guān)iOS10適配問(wèn)題的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2016-09-09
  • iOS ScrollView實(shí)現(xiàn)自動(dòng)布局的方法(適用Swift 3.0 )

    iOS ScrollView實(shí)現(xiàn)自動(dòng)布局的方法(適用Swift 3.0 )

    傳說(shuō)中有一個(gè)美工ios開發(fā)者在遇到這個(gè)問(wèn)題的時(shí)候特意跑到蘋果總部去咨詢?nèi)绾螌?duì)scrollview進(jìn)行自動(dòng)布局。當(dāng)然大家不用去了,下面這篇文章就來(lái)給大家介紹關(guān)于iOS ScrollView實(shí)現(xiàn)自動(dòng)布局的方法,文中的語(yǔ)法同樣也適用Swift 3.0 ,需要的朋友可以參考下。
    2017-12-12
  • iOS11 WKWebView 無(wú)法加載內(nèi)容的解決方法

    iOS11 WKWebView 無(wú)法加載內(nèi)容的解決方法

    這篇文章主要介紹了iOS11 WKWebView 無(wú)法加載內(nèi)容,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-11-11
  • Xcode9項(xiàng)目上傳到GitHub教程

    Xcode9項(xiàng)目上傳到GitHub教程

    本篇文章給大家分享一下在IOS中如何將Xcode9項(xiàng)目上傳到GitHub的教程方法,一起跟著學(xué)習(xí)分享下吧。
    2018-01-01
  • 最新評(píng)論