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

栏目: IOS · 发布时间: 6年前

内容简介:ARAlignLabel.h

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

}

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

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

Github: https://github.com/ArchLL/ARUILabelTextAlign

作者:Metro追光者

链接:https://www.jianshu.com/p/ab1eb2785ec0


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Adobe Dreamweaver CS5中文版经典教程

Adobe Dreamweaver CS5中文版经典教程

Adobe公司 / 陈宗斌 / 人民邮电 / 2011-1 / 45.00元

《Adobe Dreamweaver CS5中文版经典教程》由Adobe公司的专家编写,是AdobeDreamweavelCS5软件的官方指定培训教材。全书共分为17课,每一课先介绍重要的知识点,然后借助具体的示例进行讲解,步骤详细、重点明确,手把手教你如何进行实际操作。全书是一个有机的整体,它涵盖了Dreamweavercs5的基础知识、HTML基础、CSS基础、创建页面布局、使用层叠样式表、使......一起来看看 《Adobe Dreamweaver CS5中文版经典教程》 这本书的介绍吧!

在线进制转换器
在线进制转换器

各进制数互转换器

SHA 加密
SHA 加密

SHA 加密工具

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具