iOS开发实战之Label全方位对齐的轻松实现

 更新时间:2018年10月12日 09:37:57   作者:Metro追光者  
这篇文章主要给大家介绍了关于iOS开发实战之轻松实现Label全方位对齐的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

前言

本文主要给大家介绍了关于iOS Label全方位对齐的实现方法,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧

ARUILabelTextAlign

1. 实现 UILabel文本在 左(上 中 下)、中(上 中 下)、右(上 中 下) 9个方位显示;

2. 提供富文本底部不对齐的解决方案;

演示

核心代码:

ARAlignLabel.h

#import <UIKit/UIKit.h>
@class ARMaker;

typedef NS_ENUM(NSUInteger, textAlignType)
{
 textAlignType_top = 10, // 顶部对齐
 textAlignType_left,  // 左边对齐
 textAlignType_bottom,  // 底部对齐
 textAlignType_right,  // 右边对齐
 textAlignType_center  // 水平/垂直对齐(默认中心对齐)
};

@interface ARAlignLabel : UILabel

/**
 * 根据对齐方式进行文本对齐
 *
 * @param alignType 对齐block
 */
- (void)textAlign:(void(^)(ARMaker *make))alignType;

@end


//工具类
@interface ARMaker : NSObject

/* 存放对齐样式 */
@property(nonatomic, strong) NSMutableArray *typeArray;

/**
 * 添加对齐样式
 */
- (ARMaker *(^)(textAlignType type))addAlignType;

@end

ARAlignLabel.m

#import "ARAlignLabel.h"

@interface ARAlignLabel ()

/* 对齐方式 */
@property(nonatomic, strong) NSArray *typeArray;
//上
@property(nonatomic, assign) BOOL hasTop;
//左
@property(nonatomic, assign) BOOL hasLeft;
//下
@property(nonatomic, assign) BOOL hasBottom;
//右
@property(nonatomic, assign) BOOL hasRight;

@end

@implementation ARAlignLabel

- (CGRect)textRectForBounds:(CGRect)bounds limitedToNumberOfLines:(NSInteger)numberOfLines {
 CGRect textRect = [super textRectForBounds:bounds limitedToNumberOfLines:numberOfLines];
 if (self.typeArray){
  for (int i=0; i<self.typeArray.count; i++) {
   textAlignType type = [self.typeArray[i] integerValue];
   switch (type) {
    case textAlignType_top: //顶部对齐
     self.hasTop = YES;
     textRect.origin.y = bounds.origin.y;
     break;
    case textAlignType_left: //左部对齐
     self.hasLeft = YES;
     textRect.origin.x = bounds.origin.x;
     break;
    case textAlignType_bottom: //底部对齐
     self.hasBottom = YES;
     textRect.origin.y = bounds.size.height - textRect.size.height;
     break;
    case textAlignType_right: //右部对齐
     self.hasRight = YES;
     textRect.origin.x = bounds.size.width - textRect.size.width;
     break;
    case textAlignType_center:
     if (self.hasTop) { //上中
      textRect.origin.x = (bounds.size.width - textRect.size.width)*0.5;
     }
     else if (self.hasLeft) { //左中
      textRect.origin.y = (bounds.size.height - textRect.size.height)*0.5;
     }
     else if (self.hasBottom) { //下中
      textRect.origin.x = (bounds.size.width - textRect.size.width)*0.5;
     }
     else if (self.hasRight) { //右中
      textRect.origin.y = (bounds.size.height - textRect.size.height)*0.5;
     }
     else{ //上下左右居中
      textRect.origin.x = (bounds.size.width - textRect.size.width)*0.5;
      textRect.origin.y = (bounds.size.height - textRect.size.height)*0.5;
     }
     break;
    default:
     break;
   }
  }
 }
 return textRect;
}

- (void)drawTextInRect:(CGRect)requestedRect {
 CGRect actualRect = requestedRect;
 if (self.typeArray) {
  actualRect = [self textRectForBounds:requestedRect limitedToNumberOfLines:self.numberOfLines];
 }
 [super drawTextInRect:actualRect];
}

- (void)textAlign:(void(^)(ARMaker *make))alignType {
 ARMaker *make = [[ARMaker alloc]init];
 alignType(make);
 self.typeArray = make.typeArray;
}

@end

//工具类
@implementation ARMaker

- (instancetype)init {
 self = [super init];
 if (self) {
  self.typeArray = [NSMutableArray array];
 }
 return self;
}

- (ARMaker *(^)(enum textAlignType type))addAlignType {
 __weak typeof (self) weakSelf = self;
 return ^(enum textAlignType type) {
  [weakSelf.typeArray addObject:@(type)];
  return weakSelf;
 };
}

@end

工具使用 - 九个方位对齐

- (void)viewDidLoad {
 [super viewDidLoad];
 self.view.backgroundColor = [UIColor whiteColor];
 
 if (_index == 9) {
  //富文本底部对齐
  [self attributedTextAgainOfBottom];
 }else {
  ARAlignLabel *label = [[ARAlignLabel alloc] initWithFrame:CGRectMake(kScreenWidth/2.0 - 150, 300, 300, 80)];
  label.backgroundColor = [UIColor orangeColor];
  label.textColor = [UIColor blackColor];
  label.font = [UIFont systemFontOfSize:18];
  label.text = @"爱学习,爱编程,爱咖啡可乐";
  label.numberOfLines = 1;
  [self.view addSubview:label];
  
  switch (_index) {
   case 0:
    [label textAlign:^(ARMaker *make) {
     make.addAlignType(textAlignType_left).addAlignType(textAlignType_top);
    }];
    break;
   case 1:
    [label textAlign:^(ARMaker *make) {
     make.addAlignType(textAlignType_left).addAlignType(textAlignType_center);
    }];
    break;
   case 2:
    [label textAlign:^(ARMaker *make) {
     make.addAlignType(textAlignType_left).addAlignType(textAlignType_bottom);
    }];
    break;
   case 3:
    [label textAlign:^(ARMaker *make) {
     make.addAlignType(textAlignType_center).addAlignType(textAlignType_top);
    }];
    break;
   case 4:
    [label textAlign:^(ARMaker *make) {
     make.addAlignType(textAlignType_center);
    }];
    break;
   case 5:
    [label textAlign:^(ARMaker *make) {
     make.addAlignType(textAlignType_center).addAlignType(textAlignType_bottom);
    }];
    break;
   case 6:
    [label textAlign:^(ARMaker *make) {
     make.addAlignType(textAlignType_right).addAlignType(textAlignType_top);
    }];
    break;
   case 7:
    [label textAlign:^(ARMaker *make) {
     make.addAlignType(textAlignType_right).addAlignType(textAlignType_center);
    }];
    break;
   case 8:
    [label textAlign:^(ARMaker *make) {
     make.addAlignType(textAlignType_right).addAlignType(textAlignType_bottom);
    }];
    break;
   default:
    break;
  }
 }
}

富文本底部对齐

//富文本底部对齐
- (void)attributedTextAgainOfBottom {
 
 CGFloat space = 10.0;
 
 ARAlignLabel *leftLB = [[ARAlignLabel alloc] initWithFrame:CGRectMake(20, 200, kScreenWidth/2.0 - 20 - space/2.0, 80)];
 leftLB.backgroundColor = [UIColor lightGrayColor];
 leftLB.textColor = [UIColor blackColor];
 leftLB.numberOfLines = 1;
 [self.view addSubview:leftLB];
 //右下
 [leftLB textAlign:^(ARMaker *make) {
  make.addAlignType(textAlignType_center);
 }];
 
 NSMutableAttributedString *attributedArr = [[NSMutableAttributedString alloc] initWithString:@"单价 $123"];
 [attributedArr setAttributes:@{NSFontAttributeName:[UIFont systemFontOfSize:40], NSForegroundColorAttributeName:[UIColor blackColor]} range:NSMakeRange(0, 1)];
 [attributedArr setAttributes:@{NSFontAttributeName:[UIFont systemFontOfSize:25], NSForegroundColorAttributeName:[UIColor blackColor]} range:NSMakeRange(1, 1)];
 [attributedArr setAttributes:@{NSFontAttributeName:[UIFont systemFontOfSize:20], NSForegroundColorAttributeName:[UIColor blueColor]} range:NSMakeRange(3, 1)];
 [attributedArr setAttributes:@{NSFontAttributeName:[UIFont systemFontOfSize:35], NSForegroundColorAttributeName:[UIColor redColor]} range:NSMakeRange(4, attributedArr.length - 4)];
 
 leftLB.attributedText = attributedArr;
 
 
 //对齐之后
 ARAlignLabel *rightLB = [[ARAlignLabel alloc] initWithFrame:CGRectMake(kScreenWidth/2.0 + space/2.0, 200, leftLB.frame.size.width, 80)];
 rightLB.backgroundColor = [UIColor lightGrayColor];
 rightLB.textColor = [UIColor blackColor];
 rightLB.numberOfLines = 1;
 [self.view addSubview:rightLB];
 //左下
 [rightLB textAlign:^(ARMaker *make) {
  make.addAlignType(textAlignType_center);
 }];
 
 //设置部分文字的偏移量 (0是让文字保持原来的位置, 负值是让文字下移,正值是让文字上移)
 [attributedArr addAttribute:NSBaselineOffsetAttributeName value:@(1) range:NSMakeRange(0, 1)];
 [attributedArr addAttribute:NSBaselineOffsetAttributeName value:@(0) range:NSMakeRange(1, 1)];
 [attributedArr addAttribute:NSBaselineOffsetAttributeName value:@(-2) range:NSMakeRange(3, 1)];
 [attributedArr addAttribute:NSBaselineOffsetAttributeName value:@(-3) range:NSMakeRange(4, attributedArr.length - 4)];
 
 rightLB.attributedText = attributedArr;
 
}

富文本底部对齐 - 使用场景:


Github:https://github.com/ArchLL/ARUILabelTextAlign (本地下载

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。

相关文章

  • iOS编程学习中关于throttle的那些事

    iOS编程学习中关于throttle的那些事

    这篇文章主要给大家介绍了关于iOS编程学习中throttle的那些事,文中通过示例代码介绍的非常详细,对各位iOS的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2017-12-12
  • iOS关键字static extern const使用示例详解

    iOS关键字static extern const使用示例详解

    这篇文章主要为大家介绍了iOS关键字static extern const使用示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-11-11
  • IOS开发中键盘输入屏幕上移的解决方法

    IOS开发中键盘输入屏幕上移的解决方法

    在IOS开法中经常会遇到键盘遮挡屏幕的事情,经常档住下面的按钮,下面小编给大家分享IOS开发中键盘输入屏幕上移的解决方法,感兴趣的朋友一起看看吧
    2016-10-10
  • iOS中获取系统相册中的图片实例

    iOS中获取系统相册中的图片实例

    这篇文章主要介绍了iOS中获取系统相册中的图片实例,具有一定的参考价值没有需要的朋友可以了解一下。
    2016-11-11
  • iOS开发之如何给View添加指定位置的边框线详解

    iOS开发之如何给View添加指定位置的边框线详解

    这篇文章主要给大家介绍了iOS开发之如何给View添加指定位置的边框线的相关资料,给view加边框很容易,重点是如何给指定边框加边框,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-10-10
  • IOS 长链接与短链接之间的转换

    IOS 长链接与短链接之间的转换

    这篇文章主要介绍了IOS 长链接与短链接之间的转换的相关资料,需要的朋友可以参考下
    2017-06-06
  • iOS动画教你编写Slack的Loading动画进阶篇

    iOS动画教你编写Slack的Loading动画进阶篇

    这篇文章主要为大家进一步详细介绍了iOS动画教你编写Slack的Loading动画,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • iOS获取网络类型的方法汇总

    iOS获取网络类型的方法汇总

    本篇文章主要给大家汇总介绍了iOS获取网络类型的方法,主要涉及到方面的内容,对于IOS开发感兴趣的同学可以参考一下
    2015-06-06
  • iOS中textField限制字符串长度、字符数的方法

    iOS中textField限制字符串长度、字符数的方法

    这篇文章主要给大家介绍了关于iOS中textField限制字符串长度、字符数的相关资料,文中通过示例代码介绍的非常详细,对各位iOS开发者们具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-06-06
  • MacOS系统下Unity启动黑屏的解决方法

    MacOS系统下Unity启动黑屏的解决方法

    最近发现了一个问题,unity一打开就黑屏,通过查找相关的资料终于解决了,所以下面这篇文章主要给大家介绍了关于在MacOS系统下Unity启动黑屏的解决方法,文中通过示例代码介绍的非常详细,需要的朋友可以参考下。
    2018-01-01

最新评论