最初实现的时候想到了用两个Label,来实现,第一个显示¥4000,设置一个字体,第二个显示/月,设置另一个字体.这样就能实现这个效果了,但是最后想一想还是用富文本比较好,顺便可以学习一下.

今天我们先实现这个简单的效果.
先创建一个Label:

-(UILabel *)priceLabel{    if (_priceLabel == nil) {
        _priceLabel = [[UILabel alloc]init];
        _priceLabel.font = kFONT(13);
        _priceLabel.textColor = kColorTheme;
        _priceLabel.textAlignment = NSTextAlignmentRight;
    }    return _priceLabel;
}

自己再创建一个私有方法,把字符串(比如:¥4000/月)传进来,进行转换,返回富文本,赋值给所需要的Label.

-(NSMutableAttributedString *)getPriceAttribute:(NSString *)string{    
    NSMutableAttributedString *attribut = [[NSMutableAttributedString alloc]initWithString:string];    //目的是想改变 ‘/’前面的字体的属性，所以找到目标的range
    NSRange range = [string rangeOfString:@"/"];    NSRange pointRange = NSMakeRange(0, range.location);    NSMutableDictionary *dic = [NSMutableDictionary dictionary];
    dic[NSFontAttributeName] = [UIFont systemFontOfSize:18];    //赋值
    [attribut addAttributes:dic range:pointRange];    
    return attribut;
}

首先创建一个富文本NSMutableAttributedString对象,把传进来的NSString对象转化为NSMutableAttributedString对象.
然后对NSMutableAttributedString进行设置.
NSRange range = [string rangeOfString:@"/"];取到一个标志的位置:range,然后对"/"前面的文字进行设置.

然后,返回富文本,再进行赋值.

  _priceLabel.attributedText = [self getPriceAttribute:@"¥4000/月"];

上面只是一个简单应用,还有很多常用到的富文本.比如,文字和图片的混排,文字点击事件.等等.

我们依次实现一些功能

在指定位置添加图片

NSMutableAttributedString * attriStr = [[NSMutableAttributedString alloc] initWithString:@"不要问我为什么编程,我喜欢手指在键盘上飞舞的感觉"];
[attriStr addAttribute:NSForegroundColorAttributeName value:[UIColor blueColor] range:NSMakeRange(0, 5)];
[attriStr addAttribute:NSFontAttributeName value:[UIFont systemFontOfSize:20] range:NSMakeRange(0, 5)];

添加图片到指定的位置

NSTextAttachment *attchImage = [[NSTextAttachment alloc] init];// 表情图片attchImage.image = [UIImage imageNamed:@"pic3"];// 设置图片大小attchImage.bounds = CGRectMake(0, -5, 20, 20);NSAttributedString *stringImage = [NSAttributedString attributedStringWithAttachment:attchImage];
[attriStr insertAttributedString:stringImage atIndex:2];

追加图片到最后一位

NSTextAttachment *attch = [[NSTextAttachment alloc] init];// 表情图片attch.image = [UIImage imageNamed:@"pic2"];// 设置图片大小attch.bounds = CGRectMake(0, -5, 20, 15);// 创建带有图片的富文本NSAttributedString *string = [NSAttributedString attributedStringWithAttachment:attch];
[attriStr appendAttributedString:string];

设置中间位置文字为红色

[attriStr addAttribute:NSForegroundColorAttributeName value:[UIColor redColor] range:NSMakeRange(6, 4)];
[attriStr addAttribute:NSFontAttributeName value:[UIFont systemFontOfSize:30] range:NSMakeRange(6, 4)];

综合写法

NSDictionary * attriBute = @{NSForegroundColorAttributeName:[UIColor yellowColor],NSFontAttributeName:[UIFont systemFontOfSize:25]};
[attriStr addAttributes:attriBute range:NSMakeRange(10, 4)];

self.attrobiuteLabel.attributedText = attriStr;

效果图: