NSAttributedString带有图像附件和NSTextTab,文本未对齐

Question

我正试图在左边有一个带有图像和标题的UIlabel,在右边有一个带有项目符号的描述列表,为此我正在使用NSAttributedString,如下所示:

        NSMutableParagraphStyle *pStyle = [[NSMutableParagraphStyle alloc] init];
    pStyle.tabStops =
        @[ [[NSTextTab alloc] initWithTextAlignment:NSTextAlignmentLeft location:tabLocation options:[NSDictionary dictionary]] ];

    NSMutableAttributedString *attString = [[NSMutableAttributedString alloc] init];
    NSTextAttachment *textAttachment = [[NSTextAttachment alloc] init];
    textAttachment.image = [UIImage imageNamed:@"test_image"];
    textAttachment.bounds = CGRectMake(0, -3, 15, 15);//resize the image
    attString = [NSAttributedString attributedStringWithAttachment:textAttachment].mutableCopy;
    [attString appendAttributedString:[[NSAttributedString alloc]
                                          initWithString:[NSString stringWithFormat:@"title\t\u2022 %@",
                                                                                    [@[ @"description1", @"description2" ]
                                                                                        componentsJoinedByString:@"\n\t\u2022 "]]
                                              attributes:@{NSParagraphStyleAttributeName : pStyle}]];
    label.attributedText = attString;

我希望右边的列表保持对齐但事实并非如此,这是我得到的结果:

我期望列表是这样对齐的:

Answer 1

问题在于location参数NSTextTab

• 根据描述，location参数有助于从左边距定位文本。这就是我们所需要的，只需替换以下行

  pStyle.tabStops =  @[ [[NSTextTab alloc] initWithTextAlignment:NSTextAlignmentLeft location:tabLocation options:[NSDictionary dictionary]] ];
  

  和

  pStyle.tabStops = @[[[NSTextTab alloc] initWithTextAlignment:NSTextAlignmentLeft location:[self getTextLocationFor:@"test"]  options:[NSDictionary dictionary]] ];
  

• 添加getTextLocationFor:计算位置的方法如下

  -(CGFloat)getTextLocationFor:(NSString *)inputStr{
       CGSize maximuminputStringWidth = CGSizeMake(FLT_MAX, 30);
       CGRect textRect = [inputStr boundingRectWithSize:maximuminputStringWidth
                                          options:NSStringDrawingUsesLineFragmentOrigin
                                       attributes:@{NSFontAttributeName:[UIFont systemFontOfSize:15]}
                                          context:nil];
       UIImageView * testImage = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"close_red"]];//Change image name with yours
  
       return textRect.size.width + testImage.frame.size.width +2;
  }
  

• 就这样，我们准备好运行您的项目了，现在一切都会好起来的。

结果：