iOS开发富文本制作 图片和文字/NSMutableParagraphStyle/NSMutableAttributedString
/NSMutableParagraphStyle/NSMutableAttributedString 组合使
NSString * titlestr=@"日产GT-R";
NSMutableParagraphStyle * paragraphstyle0 =[[NSMutableParagraphStyle alloc]init];
[paragraphstyle0 setLineSpacing:];
paragraphstyle0.alignment = NSTextAlignmentCenter; NSMutableAttributedString * attribustring0 =[[NSMutableAttributedString alloc]initWithString: titlestr attributes:@{NSFontAttributeName:[UIFont systemFontOfSize:],NSForegroundColorAttributeName:[UIColor blueColor],NSParagraphStyleAttributeName:paragraphstyle0}]; UITextView * textview =[[UITextView alloc]initWithFrame:CGRectMake(, , self.view.frame.size.width-, self.view.frame.size.height-)]; textview.textColor =[UIColor blackColor];
textview.scrollEnabled = YES;
textview.editable = NO; NSString * text= @"日产GT-R \n同义词 GTR(日产公司生产的高性能汽车)一般指日产GT-R\n在20世纪60年代的汽车普遍不能胜任长途旅行的工作,机械可靠程度很低,由此,出现了一批高性能高可靠性的大马力跑车,被称为GT。2015年米其林助力日产GT-R赛车夺得Super GT/GT500组别桂冠。[1] 人类汽车历史上只要是能被称为GT的车型,必不是流俗之辈。1957年,SKYLINE车系诞生于一个名为“王子”的车厂,由于车厂经营不善,在1969年的时候被日产汽车收购。收购王子后的日产汽车为了和走在前面的丰田等车厂竞争,急需几款外观以及性能都同样出众的车型来提升品牌价值和市场占有率。于是,重组后一直被搁置的Skyline(天际线)和SILVIA等车型被正式批准生产。GT-R系列的荣光之路就此开始。"; //行间距
NSMutableParagraphStyle * paragraphstyle =[[NSMutableParagraphStyle alloc]init];
[paragraphstyle setLineSpacing:];
paragraphstyle.alignment = NSTextAlignmentLeft; NSMutableAttributedString * attribustring =[[NSMutableAttributedString alloc]initWithString: text attributes:@{NSFontAttributeName:[UIFont systemFontOfSize:],NSForegroundColorAttributeName:[UIColor blackColor],NSParagraphStyleAttributeName:paragraphstyle}]; NSMutableParagraphStyle * paragraphstyle2 =[[NSMutableParagraphStyle alloc]init];
[paragraphstyle2 setLineSpacing:];
paragraphstyle2.alignment = NSTextAlignmentRight; NSAttributedString * attribustring2 =[[NSAttributedString alloc]initWithString:@"\n2017年03月01日" attributes:@{NSFontAttributeName:[UIFont systemFontOfSize:],NSForegroundColorAttributeName:[UIColor blackColor],NSParagraphStyleAttributeName:paragraphstyle2}]; //合并
[attribustring appendAttributedString:attribustring2];
[attribustring0 appendAttributedString:attribustring];
textview.attributedText =attribustring0; [self.view addSubview:textview];
1、 在UIButton上制作
[button setTitle:@"设为默认" forState:UIControlStateNormal];
[button setTitle:@"默认地址" forState:UIControlStateSelected];
[button setImage:[UIImage imageNamed:@"weixuanzhong"] forState:UIControlStateNormal];
[button setImage:[UIImage imageNamed:@"xuanzhong"] forState:UIControlStateSelected];
[button setImageEdgeInsets:UIEdgeInsetsMake(0, 0, 0, 80)];
[button setTitleEdgeInsets:UIEdgeInsetsMake(0, 20, 0, 0)];
这样应该可以同时显示吧,图片在左文字在右,可是只显示图片,当我把setimage那两句删除后,文字可以正常显示。我记得我之前是这样写,可以同时显示
图片在上 文字在下
- btn.contentHorizontalAlignment = UIControlContentHorizontalAlignmentCenter;//使图片和文字水平居中显示
- [btn setTitleEdgeInsets:UIEdgeInsetsMake(btn.imageView.frame.size.height ,-btn.imageView.frame.size.width, 0.0,0.0)];//文字距离上边框的距离增加imageView的高度,距离左边框减少imageView的宽度,距离下边框和右边框距离不变
- [btn setImageEdgeInsets:UIEdgeInsetsMake(0.0, 0.0,0.0, -btn.titleLabel.bounds.size.width)];//图片距离右边框距离减少图片的宽度,其它不边
2、在UILabel上制作
在实际项目开发过程中,我们常会遇到一段文字中既要有图片又要有文字,例如我们经常使用的QQ、微信的聊天对话框中,表情和文字共存就是一种典型的图文混排。

可以直接使用Quart2D,直接在Label的draw方法中画图片上去,但是这种方法成本比较高,我们推荐使用text自带的属性来做。
要做到图中在文字中插入表情的效果,首先我们得来了解一下一个叫富文本的东西。所谓富文本,我的理解就是一个丰富多彩的文本,多彩体现在可以在一个text中显示出不同的文字,加入一些色彩丰富的图片,但它能做到的还可以修改不同文字的字体加入下划线,丰富多采。

我们都知道label有text这个文本属性,要做到富文本效果,就需要用到一个并不是所有人都知道的富文本属性 attributedText(textView、textField中都有这个属性)
1.修改文字的样式
步骤如下:
- NSMutableAttributedString 创建一个富文本对象
- 调用富文本的对象方法 addAttribute:(NSString * )value:(id) range:(NSRange) 来修改对应range范围中 attribute属性的 value值
// 创建一个富文本
NSMutableAttributedString *attri = [[NSMutableAttributedString alloc] initWithString:@"哈哈哈哈哈123456789"];
// 修改富文本中的不同文字的样式
[attri addAttribute:NSForegroundColorAttributeName value:[UIColor blueColor] range:NSMakeRange(0, 5)];
[attri addAttribute:NSFontAttributeName value:[UIFont systemFontOfSize:20] range:NSMakeRange(0, 5)];
// 设置数字为红色
[attri addAttribute:NSForegroundColorAttributeName value:[UIColor redColor] range:NSMakeRange(5, 9)];
[attri addAttribute:NSFontAttributeName value:[UIFont systemFontOfSize:30] range:NSMakeRange(5, 9)];
在这段代码中,分别设置了range为(0,5)的文字,也就是哈哈哈哈哈为font20号字体大小,颜色为蓝色的样式;设置了range为(6,9)也就是123456789为font30号字体大小,颜色为红色样式
2.文字中添加图片
步骤如下:
- 创建NSTextAttachment的对象,用来装在图片
- 将NSTextAttachment对象的image属性设置为想要使用的图片
- 设置NSTextAttachment对象bounds大小,也就是要显示的图片的大小
用[NSAttributedString attributedStringWithAttachment:attch]方法,将图片添加到富文本上
// 添加表情
NSTextAttachment *attch = [[NSTextAttachment alloc] init];
// 表情图片
attch.image = [UIImage imageNamed:@"d_aini"];
// 设置图片大小
attch.bounds = CGRectMake(0, 0, 32, 32); // 创建带有图片的富文本
NSAttributedString *string = [NSAttributedString attributedStringWithAttachment:attch];
[attri appendAttributedString:string]; // 用label的attributedText属性来使用富文本
self.textLabel.attributedText = attri;
现在说的一些可能比较基础,大家会比较没兴趣,可是基础是练成高超技术的基石,趁着写博客的时候我自己也回顾一下这些基础知识,如果需要的demo的话我再发上来。
一、NSMutableAttributedString 类的部分常用方法


// 在一定范围中添加单个文字属性
// 参数1:字符属性名
// 参数2:属性值
// 参数3:范围
- (void)addAttribute:(NSString *)name value:(id)value range:(NSRange)range; // 在一定范围中使用字典添加多个文字属性
// 参数1:属性字典
// 参数2:范围
- (void)addAttributes:(NSDictionary<NSString *, id> *)attrs range:(NSRange)range; // 在一定范围中删除文字具有的某个文字属性
// 参数1:字符属性名
// 参数2:范围
- (void)removeAttribute:(NSString *)name range:(NSRange)range; // 在一定范围中替换字符串
// 参数1:范围
// 参数2:要替换的字符串
- (void)replaceCharactersInRange:(NSRange)range withAttributedString:(NSAttributedString *)attrString; // 在对应的角标处插入富文本
// 参数1:要插入的字符串
// 参数2:要插入的角标位置
- (void)insertAttributedString:(NSAttributedString *)attrString atIndex:(NSUInteger)loc; // 将某个富文本拼接到后面
// 参数:要拼接的字符串
- (void)appendAttributedString:(NSAttributedString *)attrString; // 删除一定范围中的字符
// 参数:范围
- (void)deleteCharactersInRange:(NSRange)range; // 将字符串全部置换为另一个富文本字符串
// 参数:置换后的富文本字符串
- (void)setAttributedString:(NSAttributedString *)attrString;
Foundation-几种段落排版格式NSMutableParagraphStyle
一、框架中的原始定义如下:
@property(readwrite) CGFloat lineSpacing; //行间距
@property(readwrite) CGFloat paragraphSpacing; //段落间距
@property(readwrite) NSTextAlignment alignment; //文字对齐格式
@property(readwrite) CGFloat firstLineHeadIndent; //首行缩进
@property(readwrite) CGFloat headIndent; //行首缩进
@property(readwrite) CGFloat tailIndent; //行尾缩进
@property(readwrite) NSLineBreakMode lineBreakMode; //段落文字溢出隐藏方式
@property(readwrite) CGFloat minimumLineHeight; //最小行高
@property(readwrite) CGFloat maximumLineHeight; //最大行高
@property(readwrite) NSWritingDirection baseWritingDirection;//段落书写方向
@property(readwrite) CGFloat lineHeightMultiple; //多行行高
@property(readwrite) CGFloat paragraphSpacingBefore;//段落前间距
@property(readwrite) float hyphenationFactor; //英文断字连字符
二、NSTextAlignment文字对齐方式枚举(IOS6以上有效):
NSTextAlignmentLeft //居左
NSTextAlignmentRight //居右
NSTextAlignmentCenter //居中
NSTextAlignmentNatural //默认
NSTextAlignmentJustified //自调整
三、NSWritingDirection文字书写方向(IOS6以上有效):
NSWritingDirectionNatural //使用Bidi算法规则P2和P3定义方向
NSWritingDirectionLeftToRight //从左向右
NSWritingDirectionRightToLeft //从右向左
示例源码:
NSString *text = @"秋叶黄,秋叶黄,我深深的沉醉其中,摇摆的叶片,枯黄着也是秋天,飘落着也是秋天;秋叶黄,秋叶黄,你随风悄悄的散去,枯萎的树枝,下着雨也是秋天,吹着风也是秋天.";
// 就用这两个options枚举参数吧,我也不知道为啥
NSStringDrawingOptions options = NSStringDrawingUsesLineFragmentOrigin | NSStringDrawingUsesFontLeading;
// labelW是段落的固定宽度;CGFLOAT_MAX固定用这个;attributes按照下面的语句fontSize是字体的大小
// >IOS7
CGFloat labelH = [text boundingRectWithSize:CGSizeMake(labelW, CGFLOAT_MAX) options:options attributes:@{NSFontAttributeName:[UIFont systemFontOfSize:fontSize]} context:nil].size.height;
//
//CGFloat labelH = [text sizeWithFont:[UIFont systemFontOfSize:fontSize] constrainedToSize:CGSizeMake(labelW, CGFLOAT_MAX)].height;
// 打印计算的高度看一下
NSLog(@"文字段落高度为:%f",labelH);
//实际行数
NSInteger lineNum = labelH/fontSize;
NSMutableParagraphStyle *paragraphStyle = [[ NSMutableParagraphStyle alloc ] init];
//文字对齐方式
paragraphStyle.alignment = NSTextAlignmentJustified;
//段落首字符缩进两个字
paragraphStyle.firstLineHeadIndent = 2*fontSize;
//行间距
paragraphStyle.lineSpacing = lingSpace;
//属性字典,包括前景字体颜色和段落属性
NSDictionary *attributes = @{NSForegroundColorAttributeName:[UIColor redColor],NSParagraphStyleAttributeName:paragraphStyle};
//属性字符串
NSAttributedString *attributedText = [[ NSAttributedString alloc ] initWithString : text attributes :attributes];
UILabel *label1 = [[UILabel alloc] initWithFrame:CGRectMake(0, 70, 300, labelH+lineNum*lingSpace)];
// 文字行数设置为0
label1.numberOfLines = 0;
// label背景色
label1.backgroundColor = [UIColor greenColor];
label1.attributedText = attributedText;
// 显示label
[self.view addSubview:label1];
iOS开发富文本制作 图片和文字/NSMutableParagraphStyle/NSMutableAttributedString的更多相关文章
- iOS 开发富文本之TTTAttributedLabel 在某个特定位置的文字添加跳转,下划线,修改字体大小,颜色
@property(nonatomic , strong) TTTAttributedLabel * ttLabel; @property(nonatomic , strong) NSRange li ...
- iOS开发富文本
NSMutableAttributedString * attributedStr = [[NSMutableAttributedString alloc] initWithString:@" ...
- iOS swift 富文本显示 富文本在iOS中使用场景和解决方案
项目中很多地方都会用到富文本的内容:比如一般的商品详情,视频详情,资讯详情等,运营人员通过后台的富文本编辑器编辑的内容,前端拿到的就是一段富文本的字符串,这富文本大多都是图片和文字的组合.我们今天介绍 ...
- draft.js开发富文本编辑器
写在前头的话 在react中去寻找一个好用的富文本编辑器网上很少有推荐的,搜到的也只有一些个人不成熟的作品,慢慢发现网上比较推荐的一个东东叫做draft.js. 这个东西在网上可以找到的教程也是手指头 ...
- iOS之富文本
之前做项目时遇到一个问题: 使用UITextView显示一段电影的简介,由于字数比较多,所以字体设置的很小,行间距和段间距也很小,一大段文字挤在一起看起来很别扭,想要把行间距调大,结果在XCode中查 ...
- iOS之富文本(二)
之前做项目时遇到一个问题: 使用UITextView显示一段电影的简介,由于字数比较多,所以字体设置的很小,行间距和段间距也很小,一大段文字挤在一起看起来很别扭,想要把行间距调大,结 ...
- iOS开发中设置UITextField的占位文字的颜色,和光标的颜色
在iOS开发中,对于很多初学者而言,很有可能碰到需要修改UITextField的占位文字的颜色,以及当UITextField成为第一响应者后光标的颜色,那么下面小编就介绍一下修改占位文字和光标的颜色. ...
- IOS开发计算文本尺寸
在IOS开发中例如微博,QQ聊天界面中要显示大量的文字信息,这样需要计算出文字部分的尺寸,才能设计出合适的控件尺寸和位置.下面是IOS 7.0计算文本尺寸的方法.- (CGRect)boundingR ...
- 【代码笔记】iOS-获得富文本设置以后的文字高度
一,效果图. 二,工程图. 三,代码. RootViewController.h #import <UIKit/UIKit.h> @interface RootViewController ...
随机推荐
- JAVA提高十四:HashSet深入分析
前面我们介绍了HashMap,Hashtable,那么还有一个hash家族,那就是HashSet;在讲解HashSet前,大家先要知道的是HashSet是单值集合的接口,即是Collection下面的 ...
- 《疯狂java讲义》读后感
<疯狂java讲义·第三版>,全书共851页,18章. 目录如下: 第1章 Java语言概述与开发环境 第2章 理解面向对象 第3章 数据类型和运算符 第4章 流程控制与数组 第5章 面向 ...
- Python带参数的装饰器
在装饰器函数里传入参数 # -*- coding: utf-8 -*- # 2017/12/2 21:38 # 这不是什么黑魔法,你只需要让包装器传递参数: def a_decorator_passi ...
- Unity3D手机斗地主游戏开发实战(04)_出牌判断大小(已完结)
之前我们实现了叫地主.玩家和电脑自动出牌主要功能,但是还有个问题,出牌的时候,没有有效性检查和比较牌力大小.比如说,出牌3,4,5,目前是可以出牌的,然后下家可以出任何牌如3,6,9. 问题1:出牌检 ...
- VSCode 同步设置及扩展插件 实现设备上设置统一
准备工作:电脑上需安装VSCode,拥有一个github账户.实现同步的功能主要依赖于VSCode插件 "Settings Sync" Setting Sync 可同步包含的所有扩 ...
- Elasticsearch中Head插件的使用
在学习Elasticsearch的过程中,必不可少需要通过一些工具查看es的运行状态以及数据.如果都是通过rest请求,未免太过麻烦,而且也不够人性化.此时,head可以完美的帮助你快速学习和使用El ...
- C++课程设计2
PS:大一下学期C++课程设计 1.成绩管理系统 #include<stdio.h> #include<string> #include<iostream> #in ...
- mysql 索引类型
根据类型分为普通索引2种类型,hash 和b-tree 最常用 hash是按一对一索引的.速度 最快但不支持范围 比如where name = 'dd' 最快.但是使用 date >3 ...
- nginx使用ssl模块配置支持HTTPS访问【解决ssl错误】
默认情况下ssl模块并未被安装,如果要使用该模块则需要在编译nginx时指定–with-http_ssl_module参数. 需求:做一个网站域名为 www.localhost.cn 要求通过http ...
- Codeforces 558E A Simple Task
题意:给定一个字符串,以及m次操作,每次操作对字符串的一个子区间进行升序或降序排序,求m次操作后的串 考虑桶排,发现线段树可以模拟桶排的过程,所以对26个字母分别建立线段树即可 #include< ...