AttributedString 图片间距问题

1.NSMutableAttributedString如何显示图片

    NSMutableAttributedString *vipStr = [[NSMutableAttributedString alloc]initWithString:@"点击解锁【超级方法】"];

    UIImage *vipImage = [UIImage imageNamed:@"WordDetailNor解锁"];

    NSTextAttachment *vipImageAttachment = [[NSTextAttachment alloc]init];

    vipImageAttachment.image = vipImage;

    vipImageAttachment.bounds = CGRectMake(, , , );

    NSAttributedString *vipImageAttrStr = [NSAttributedString attributedStringWithAttachment:vipImageAttachment];

    [vipStr insertAttributedString:vipImageAttrStr atIndex:];

    //设置字体和设置字体的范围

    [vipStr addAttribute:NSFontAttributeName value:[UIFont systemFontOfSize:15.0f] range:NSMakeRange(, vipStr.length)];

    [self.noteLabel setAttributedText:vipStr];

效果图：

2、图片和字体紧密相连、如何让图片和文字间有间隙呢？

修改

vipImageAttachment.bounds = CGRectMake(-5, , , );

会把图片前移、但是图片显示不全

效果图：

3、设置图片间以及文字间距

新增代码

[vipStr addAttribute:NSKernAttributeName value:@() range:NSMakeRange(, vipStr.length)];

 

设置文字间距效果图

效果并不理想，只有文字受到NSKernAttributeName属性影响。图片间距保持原样。

4、在每张图片后面添加空格，设置空格间文字间距、解决问题

    //设置空格文本
    [vipStr insertAttributedString:[[NSAttributedString alloc] initWithString:@" "] atIndex:];
    //设置间距
    [vipStr addAttribute:NSKernAttributeName value:@()
                        range:NSMakeRange(,)];

效果图：

最终采用最后一个骚操作、解决问题！