美文网首页
07-NSAttributedString(图文混排)

07-NSAttributedString(图文混排)

作者: 小胖子2号 | 来源:发表于2016-11-28 15:35 被阅读273次

一、 NSAttributedString

  • 带有属性的字符串, 富文本
  • 由2部分组成
    • 文字内容 : NSString *
    • 文字属性 : NSDictionary *
      • 文字颜色 - NSForegroundColorAttributeName
      • 字体大小 - NSFontAttributeName
      • 下划线 - NSUnderlineStyleAttributeName
      • 背景色 - NSBackgroundColorAttributeName
  • 初始化
NSMutableDictionary *attributes = [NSMutableDictionary dictionary];
attributes[NSForegroundColorAttributeName] = [UIColor yellowColor];
attributes[NSBackgroundColorAttributeName] = [UIColor redColor];
attributes[NSUnderlineStyleAttributeName] = @YES;
NSAttributedString *string = [[NSAttributedString alloc] initWithString:@"123" attributes:attributes];
  • 使用场合
    • UILabel - attributedText
    • UITextField - attributedPlaceholder

例如:

111.png

(label先进行连线)

#import "ViewController.h"

@interface ViewController ()
@property (weak, nonatomic) IBOutlet UILabel *label;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    NSMutableDictionary *attributes = [NSMutableDictionary dictionary];
    attributes[NSForegroundColorAttributeName] = [UIColor yellowColor];
    attributes[NSBackgroundColorAttributeName] = [UIColor redColor];
    attributes[NSUnderlineStyleAttributeName] = @YES;
    NSAttributedString *string = [[NSAttributedString alloc] initWithString:self.label.text attributes:attributes];
    self.label.attributedText = string;
    
}

二、 NSMutableAttributedString

  • 继承自NSAttributedString
  • 常见方法
// 设置range范围的属性, 重复设置同一个范围的属性, 最后一次设置才是有效的(之前的设置会被覆盖掉)
- (void)setAttributes:(nullable NSDictionary<NSString *, id> *)attrs range:(NSRange)range;
// 添加range范围的属性, 同一个范围, 可以不断累加属性
- (void)addAttribute:(NSString *)name value:(id)value range:(NSRange)range;
- (void)addAttributes:(NSDictionary<NSString *, id> *)attrs range:(NSRange)range;
  • 图文混排

效果图:


1.png
UILabel *label = [[UILabel alloc] init];
label.frame = CGRectMake(100, 100, 200, 25);
label.backgroundColor = [UIColor redColor];
label.font = [UIFont systemFontOfSize:14];
[self.view addSubview:label];

// 图文混排
NSMutableAttributedString *attributedText = [[NSMutableAttributedString alloc] init];
// 1 - 你好
NSAttributedString *first = [[NSAttributedString alloc] initWithString:@"你好"];
[attributedText appendAttributedString:first];

// 2 - 图片
// 带有图片的附件对象
NSTextAttachment *attachment = [[NSTextAttachment alloc] init];
attachment.image = [UIImage imageNamed:@"AppIcon29x29"];
CGFloat lineH = label.font.lineHeight;
attachment.bounds = CGRectMake(0,- ((label.frame.size.height - lineH) * 0.5 - 1), lineH, lineH);
// 将附件对象包装成一个属性文字
NSAttributedString *second = [NSAttributedString 
![1.png](https://img.haomeiwen.com/i3680843/f9a91ffeeb2da243.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)attributedStringWithAttachment:attachment];
[attributedText appendAttributedString:second];

// 3 - 哈哈哈
NSAttributedString *third = [[NSAttributedString alloc] initWithString:@"哈哈哈"];
[attributedText appendAttributedString:third];

label.attributedText = attributedText;
  • 一个Label显示多行不同字体的文字
    效果图:


    1.png
UILabel *label = [[UILabel alloc] init];
// 设置属性文字
NSString *text = @"你好\n哈哈哈";
NSMutableAttributedString *attributedText = [[NSMutableAttributedString alloc] initWithString:text];
[attributedText addAttribute:NSFontAttributeName value:[UIFont systemFontOfSize:10] range:NSMakeRange(0, text.length)];
[attributedText addAttribute:NSFontAttributeName value:[UIFont boldSystemFontOfSize:13] range:NSMakeRange(3, 3)];
label.attributedText = attributedText;
// 其他设置
label.numberOfLines = 0;
label.textAlignment = NSTextAlignmentCenter;
label.frame = CGRectMake(100, 100, 100, 40);
[self.view addSubview:label];
self.navigationItem.titleView = label;

相关文章

网友评论

      本文标题:07-NSAttributedString(图文混排)

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