iOS 简单图文混排01

1、在Label中显示图片

// 图文混排显示
- (void)setLabel
{

	// NSTextAttachment - 附件
	NSTextAttachment *attachMent = [[NSTextAttachment alloc] init];

	// 为附件设置图片
	attachMent.image = [UIImage imageNamed: @"d_aini"];

	// 键附件添加到图文混排
	NSAttributedString *str = [NSAttributedString attributedStringWithAttachment:attachMent];

	// 设置 label 内容
	self.label.backgroundColor = [UIColor grayColor];
	self.label.attributedText = str;
}

显示效果

2、设置显示图片尺寸

// 图文混排控制图片大小
- (void)setLabel2
{
	// NSTextAttachment - 附件
	NSTextAttachment *attachMent = [[NSTextAttachment alloc] init];

	// 设置图片
	attachMent.image = [UIImage imageNamed: @"d_aini"];

	// 设置图片大小
	// 图片都是正方形,通常跟文字大小差不多 图片大小跟文字高度相同,不是跟Label高度相同
	CGFloat height = self.label.font.lineHeight;
	attachMent.bounds = CGRectMake(0, 0, height, height);

	// 添加
	NSAttributedString *str = [NSAttributedString attributedStringWithAttachment:attachMent];

	// 设置 label 内容
	self.label.backgroundColor = [UIColor grayColor];
	self.label.attributedText = str;
}

显示效果

3、文字中插入图片

// 文字图片拼接显示
- (void)setLabel3
{
	// NSTextAttachment - 附件
	// 1.创建文本附件包含图片,知道附件 bounds
	NSTextAttachment *attachMent = [[NSTextAttachment alloc] init];

	// 设置图片
	attachMent.image = [UIImage imageNamed: @"d_aini"];

	// 设置大小
	CGFloat height = self.label.font.lineHeight;
	attachMent.bounds = CGRectMake(0, 0, height, height);

	// 添加
	// 2.使用附件创建属性字符串
	NSAttributedString *attrString = [NSAttributedString attributedStringWithAttachment:attachMent];

	// 拼接文字
	NSString *str = @"米";
	// 3.创建可变字符 拼接字符串
	NSMutableAttributedString *strM = [[NSMutableAttributedString alloc] initWithString:str];
	[strM appendAttributedString:attrString];
	[strM appendAttributedString: [[NSAttributedString alloc] initWithString: @"天天"]];

	// 设置 label 内容
	self.label.backgroundColor = [UIColor grayColor];
	self.label.attributedText = strM;
}

显示效果

时间: 2024-10-12 09:02:31

iOS 简单图文混排01的相关文章

iOS coretext图文混排

需要引入CoreText框架 然后引入头文件 至于用这个框架排出来的版就是自定义cell决定的了,在这里我们可以引用一个第三方的自定义的cell 给从接口里申请下来的数据创建一个Model接收 初始化在字典里 在需要图文混排的页面 定义一个数组的属性,在viewDodLoad里创建一个个字典并把字典都加到数组里去, 在给字典格式的时候可以把字体的大小和颜色设置好,如果一次要给好几个显示的内容那么就像下面这么写 注意把他们存在字典里的key都是text 现在就是需要把数组里的数据显示在cell上面

iOS实现简单图文混排效果

在很多新闻类或有文字展示的应用中现在都会出现图文混排的界面例如网易新闻等,乍一看去相似一个网页,其实这样效果并非由UIWebView 加载网页实现.现在分享一种比较简单的实现方式 iOS sdk中为我们提供了一套完善的文字排版开发组件:CoreText.CoreText库中提供了很多的工具来对文本进行操作,例如CTFont.CTLine.CTFrame等.利用这些工具可以对文字字体每一行每一段落进行操作. 此例中默认图片都在右上方,且为了美观和开发简便设定所占宽度都相同. 首先,需要引入Core

IOS CoreText --- 图文混排之代码封装

上一节中,我详细的讲解了用面向对象的思想将Core Text的纯C语言的代码进行了封装.这一节,我将对"图文混排"的效果也进行封装工作.不过,这一节的代码是基于上一节的,所以,如果你没有浏览过上一节的内容,请点击这里.先看看最终的效果图: 现在,我们就来对上一节的代码,继续扩充. 1. 添加了图片信息,所以我们需要修改数据源(plist)的结构 1)为每一项添加了type信息,"txt"表示纯文本:"img"表示图片:图片信息包括name,wid

iOS支持图文混排的按钮(UIButton)

创建UIButton子类 直接上代码了 .h文件 创建UIButton子类 直接上代码了 .h文件 #import <UIKit/UIKit.h> @interface GraphicBtn : UIButton @property (nonatomic,assign)CGRect titleRect; @property (nonatomic,assign)CGRect imageRect; @end .m文件   #import "GraphicBtn.h" @impl

TextKit实现图文混排

//    NSAttributedString   这个类可以设置文本属性:加粗.斜体.删除线.下划线... //    NSMutableAttributedString  可变属性文本:可以动态添加文本的属性 NSString *text = @"iOS实现图文混排的方式:1.WebView     html+javascript 2.CoreText   (C语言实现的框架) "; UITextView *textview = [[UITextView alloc] initW

简单的Coretext 图文混排

在很多新闻类或有文字展示的应用中现在都会出现图文混排的界面例如网易新闻等,乍一看去相似一个网页,其实这样效果并非由UIWebView 加载网页实现.现在分享一种比较简单的实现方式 iOS sdk中为我们提供了一套完善的文字排版开发组件:CoreText.CoreText库中提供了很多的工具来对文本进行操作,例如CTFont.CTLine.CTFrame等.利用这些工具可以对文字字体每一行每一段落进行操作. 此例中默认图片都在右上方,且为了美观和开发简便设定所占宽度都相同. 1.        

IOS开发之使用UIWebView实现图文混排

IOS开发之使用UIWebView实现图文混排时间 2014-08-15 13:45:35  CSDN博客原文  http://blog.csdn.net/wildcatlele/article/details/38583731主题 UIWebView一开始做第一个新闻资讯项目的时候,不知道可以使用UIWebView实现图文并茂的效果,于是就用了最笨的方法,使用TableView解决的新闻浏览.当有点项目经验后知道可以使用UIWebView或者CoreText实现,一直也没有尝试.当上次面试被问

IOS开发UI篇--一个支持图文混排的ActionSheet

一.简单介绍 UIActionSheet是IOS提供给我们开发人员的底部弹出菜单控件.一般用于菜单选择.操作确认.删除确认等功能.IOS官方提供的下面方式对UIActionView进行实例化: - (instancetype)initWithTitle:(NSString *)title delegate:(id<UIActionSheetDelegate>)delegate cancelButtonTitle:(NSString *)cancelButtonTitle destructive

iOS开发日记21-7.0之后的图文混排

今天博主有一个图文混排的需求,遇到了一些困难点,在此和大家分享,希望能够共同进步. iOS7.0以前,图文混排主要有两种方法:1.WebView+js  2.coreText iOS7.0之后,苹果提供了新的封装,让图文混排更加的简便,也就是第三种方法:3.TextKit 今天就和大家详细的分享一下这三种图文混排的方法 1.webview+js的方法其实很简单,下面贴出代码,各位自行研究 去除webView滚动时,上下的白边. - (void)clearWebViewBackground:(UI