zoukankan      html  css  js  c++  java
  • NSMutableAttributedString-富文本的使用

    富文本的使用步骤如下:

    1. 创建一个 NSMutableAttributedString 的对象

    2.设置 属性:

      - (void)addAttribute:(NSString *)name value:(id)value range:(NSRange)range;  --设置单个属性

      - (void)addAttributes:(NSDictionary<NSString *, id> *)attrs range:(NSRange)range; --设置多个属性

    其中,属性的设置有如下可以选择:

    NSFontAttributeName	字号	UIFont 默认12
    NSParagraphStyleAttributeName	段落样式	NSParagraphStyle
    NSForegroundColorAttributeName	前景色	UIColor
    NSBackgroundColorAttributeName	背景色	UIColor
    NSObliquenessAttributeName	字体倾斜	NSNumber
    NSExpansionAttributeName	字体加粗	NSNumber 比例 0就是不变 1增加一倍
    NSKernAttributeName	字间距	CGFloat
    NSUnderlineStyleAttributeName	下划线	1或0
    NSUnderlineColorAttributeName	下划线颜色	UIColor
    NSStrikethroughStyleAttributeName	删除线	1或0  --数字代表删除线有多宽
    NSStrikethroughColorAttributeName	删除线颜色	UIColor
    NSStrokeColorAttributeName	same as ForegroundColor	UIColor
    NSStrokeWidthAttributeName	字体描边	CGFloat
    NSLigatureAttributeName	连笔字 没看出效果	1或0
    NSShadowAttributeName	阴影	NSShawdow
    NSTextEffectAttributeName	设置文本特殊效果,目前只有图版印刷效果可用	NSString
    NSAttachmentAttributeName	设置文本附件,常用插入图片	NSTextAttachment
    NSLinkAttributeName	链接	NSURL (preferred) or NSString
    NSBaselineOffsetAttributeName	基准线偏移	NSNumber
    NSWritingDirectionAttributeName	文字方向 分别代表不同的文字出现方向等等,我想你一定用不到它 - -	@[@(1),@(2)]
    NSVerticalGlyphFormAttributeName	水平或者竖直文本 在iOS没卵用,不支持竖版	1竖直 0水平
    

     3.给文本添加赋值 用  attributedText  这个字段

    4.实例:

    UILabel *attLabel = [[UILabel alloc] initWithFrame:CGRectMake(10, 50, 300, 50)];
        attLabel.font = [UIFont systemFontOfSize:15];
        attLabel.textColor = [UIColor blueColor];
        [self.view addSubview:attLabel];
        
        NSMutableAttributedString *str = [[NSMutableAttributedString alloc] initWithString:@"夕阳无限好,只是近黄昏"];
        attLabel.attributedText = str;
        
        NSDictionary *attDic = @{NSFontAttributeName:[UIFont systemFontOfSize:20],
                                 NSForegroundColorAttributeName:[UIColor redColor],
                                 NSBaselineOffsetAttributeName: @(-1.5),
                                 NSStrikethroughStyleAttributeName:@(1),
                                 NSStrikethroughColorAttributeName:[UIColor yellowColor],
                                 NSKernAttributeName:@(4)};
        [str addAttributes:attDic range:NSMakeRange(6, 3)];
        
        attLabel.attributedText = str;
    

    5.效果图:

    6. 计算富文本的高度

    - (CGRect)boundingRectWithSize:(CGSize)size options:(NSStringDrawingOptions)options context:(nullable NSStringDrawingContext *)context NS_AVAILABLE(10_11, 6_0);

    NSStringDrawingOptions options = NSStringDrawingUsesLineFragmentOrigin | NSStringDrawingUsesFontLeading;
    CGRect labelRect = [str boundingRectWithSize:CGSizeMake(kScreenWidth - 16, CGFLOAT_MAX) options:options context:nil];
    

    7. 往文本里添加图片

      用 NSTextAttachment 控件来实现这个功能。

        NSTextAttachment *attach = [[NSTextAttachment alloc] init];
        attach.image = [UIImage imageNamed:@"test"];
        attach.bounds = CGRectMake(50, 5, 200, 30);
        NSAttributedString *attImageStr = [NSAttributedString attributedStringWithAttachment:attach];
        [str appendAttributedString:attImageStr];
        [str appendAttributedString:[[NSAttributedString alloc] initWithString:@"
    "]];
        [str appendAttributedString:attImageStr];
        [str appendAttributedString:[[NSAttributedString alloc] initWithString:@"
    "]];
        [str appendAttributedString:attImageStr];
        [str appendAttributedString:[[NSAttributedString alloc] initWithString:@"
    "]];
        [str appendAttributedString:[[NSAttributedString alloc] initWithString:@"只是近黄昏"]];
    

      效果图:

    8. 计算富文本的高度--针对label的方法

        CGSize attSize = [attLabel sizeThatFits:attLabel.bounds.size];
        attLabel.frame = CGRectMake(10, 50, 300, attSize.height);
    

    9. 缺点,没法设置图片在中间。

  • 相关阅读:
    做汉堡
    第三次作业:五章感想与问题
    第二次作业:结对练习
    自己要的东西
    存在不知道是什么问题的程序
    第一个Sprint冲刺第二天
    第一个Sprint冲刺第一天
    第三个Sprint完结工作 用场景来规划测试工作.
    beta 阶段的 postmortem 报告
    重新评估团队贡献分
  • 原文地址:https://www.cnblogs.com/lyz0925/p/7268490.html
Copyright © 2011-2022 走看看