NSAttributedString,简单图文混排,UITextKit

图文混排一般都会用CoreText来实现,单对于初学者来说,却不是那么容易能够接受,所以我在这里分享一下简单的实现方法。

最终可以实现 如下的效果。


注:这里的实现并未用到CoreText, 而用到了TextKit里的NSAttributedString和NSTextAttachment

一、小试牛刀:

//1.先创建 NSMutableAttributedString,

NSMutableAttributedString * mutableAttributedStr = [[NSMutableAttributedString alloc]initWithString:@"你好吗?"];

//2.创建 NSTextAttachment

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

imageAttach.image = [UIImage imageNamed:@"someImage"];//这里装入你想要的图片

//3然后创建 装入NSTextAttachment的NSAttributedString

NSAttributedString *imageAttribuedString =[NSAttributedString attributedStringWithAttachment:imageAttach];

//4.最后,将装有Image的NSAttributedString 加到可变的NSMutableAttributedString

//4.1 加到文本后方

[mutableAttributedStr appendAttributedString:[NSAttributedString attributedStringWithAttachment:imageAttribuedString]]

//4.2 插到文本中间

[mutableAttributedStr insertAttributedString:imageAttribuedString atIndex:0];



二、进阶

若是图片与文字大小不一致,这时候就需要自定义NSTextAttachment

@interface TextAttachment : NSTextAttachment

@end


@implementation XZLTextAttachment
//重写父类方法,限制图片高度与文本同高
- (CGRect)attachmentBoundsForTextContainer:(NSTextContainer *)textContainer proposedLineFragment:(CGRect)lineFrag glyphPosition:(CGPoint)position characterIndex:(NSUInteger)charIndex
{
    return CGRectMake( 0 , 0 , lineFrag.size.height * self.image.size.width / self.image.size.height,lineFrag.size.height );
}
@end

结束!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值