美文网首页
ios 多个垂直显示的UILabel文字两端对齐

ios 多个垂直显示的UILabel文字两端对齐

作者: songjk | 来源:发表于2021-07-15 14:54 被阅读0次

    多行垂直显示的UILabel文字两端对齐

    在开发中我们会遇到这样的UI,需要我们对齐字数不同的标题:

    对齐.jpg

    我的思路是需要知道:

    ·当前label与最长lable文字之间的文字数量差num
    ·然后计算出差一个字的差距值singleValue
    ·通过设置label的attributedText来填充当前label与最长label的总差距
    

    1.计算出差一个字的差距值singleValue

    #import "CoreText/CoreText.h"
    CGFloat singleValue = [@"好" boundingRectWithSize:CGSizeMake(MAXFLOAT, XXAutoLayout(15)) 
    options:NSStringDrawingUsesLineFragmentOrigin | NSStringDrawingTruncatesLastVisibleLine |NSStringDrawingUsesFontLeading 
    attributes:@{NSFontAttributeName : label.font} context:nil].size.width;
    

    2.根据label的长度来填充差值,

      ·如上图最长lable字数为5(算上冒号)
    
    如果差一个汉子:
        1.因为第一个字和最后两个字需要对齐算上冒号)
          ·所以需要把差值插入到第一个字与第二个字、第二个字与第三个字之间
          ·那么差一个字总长度为singleValue * 1,差值插入的位置数量为2,所以得到代码:
            #import "CoreText/CoreText.h"
            NSNumber *number = [NSNumber numberWithFloat:self.onelength / 2];
            NSMutableAttributedString *astr = [[NSMutableAttributedString alloc] initWithString:label.text];
           // 表示把number插入到第一个字与第二个字、第二个字与第三个字之间
           [astr addAttribute:(id)kCTKernAttributeName value:number range:NSMakeRange(0, 2)];
           label.attributedText = astr;
    
    如果差2个汉子:
        2.因为第一个字和最后两个字需要对齐算上冒号)
          ·所以需要把差值插入到第一个字与第二个字之间
          ·那么差2个字总长度为singleValue * 2,差值插入的位置数量为1,所以得到代码:
            NSNumber *number = [NSNumber numberWithFloat: singleValue * 2];
            NSMutableAttributedString *astr = [[NSMutableAttributedString alloc] initWithString:label.text];
           // 表示把number插入到第一个字与第二个字之间
           [astr addAttribute:(id)kCTKernAttributeName value:number range:NSMakeRange(0, 1)];
           label.attributedText = astr;

    相关文章

      网友评论

          本文标题:ios 多个垂直显示的UILabel文字两端对齐

          本文链接:https://www.haomeiwen.com/subject/vwoppltx.html