成都创新互联网站制作重庆分公司

iOS中如何实现Label全方位对齐

这篇文章主要介绍了iOS中如何实现Label全方位对齐,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

成都地区优秀IDC服务器托管提供商(创新互联公司).为客户提供专业的绵阳电信机房机柜租用,四川各地服务器托管,绵阳电信机房机柜租用、多线服务器托管.托管咨询专线:028-86922220

ARUILabelTextAlign

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

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

iOS中如何实现Label全方位对齐

演示

核心代码:

ARAlignLabel.h

#import 
@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

工具使用 - 九个方位对齐

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

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

iOS中如何实现Label全方位对齐

感谢你能够认真阅读完这篇文章,希望小编分享的“iOS中如何实现Label全方位对齐”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


新闻标题:iOS中如何实现Label全方位对齐
文章来源:http://cxhlcq.com/article/jiecjs.html

其他资讯

在线咨询

微信咨询

电话咨询

028-86922220(工作日)

18980820575(7×24)

提交需求

返回顶部