图文混排(TextKit)

前端学习日记day4——图文混排 1.图像标记<img/> 语法:<img src="图像URL"> 其中src属性用于指定图像文件的路径和文件名。 表1-1 <img/>标记相关属性 属性 属性值 描述 src URL 图像路径 alt 文本 图像不能显示时的替换文本 title 文本 鼠标悬停时显示的内容 width 像素 设置图像宽度 height 像素 ... 阅读详情
Textkit是iOS7新推出的类库,其实是在之前推出的CoreText上的封装,有了这个TextKit,以后不用再拿着CoreText来做累活了,根据苹果的说法,他们开发了两年多才完成,而且他们在开发时候也将表情混排作为一个使用案例进行研究,所以要实现表情混排将会非常容易。    TextKit并没有新增的类,他是在原有的文本显示控件上的封装,可以使用平时我们最喜欢使用的UILabel,UITextField,UITextView里面就可以使用了。
     
    1.NSAtrributedString
          这是所有TextKit的载体,所有的信息都会输入到NSAttributedString里面,然后将这个String输入到Text控件里面就可以显示了。
    2.NSTextAttachment
    iOS7新增的类,作为文本的附件,可以放文件,可以放数据,以NSAttachmentAttributeName这个key放入NSAttributedString里面,在表情混排这里,我们将放入image。
   
  3.重载NSTextAttachment
    本来是可以直接使用NSTextAttachment,但是我们需要根据文字大小来改变表情图片的大小,于是我们需要重载NSTextAttachment,NSTextAttachment实现了NSTextAttachmentContainer,可以给我们改变返回的图像,图像的大小。
    重载NSTextAttachment代码:
@interface MMTextAttachment : NSTextAttachment
         {
         }
         @end
 
         @implementationMMTextAttachment
         //I want my emoticon has thesame size with line's height
         -(CGRect)attachmentBoundsForTextContainer:(NSTextContainer*)textContainer proposedLineFragment:(CGRect)lineFragglyphPosition:(CGPoint)positioncharacterIndex:(NSUInteger)charIndex NS_AVAILABLE_IOS(7_0)
         {
            return CGRectMake( 0 , 0 , lineFrag.size.height, lineFrag.size.height );
         }
@end

    4.在你的代码里面加入:

NSMutableAttributedString * string = [[ NSMutableAttributedStringalloc ] initWithString:@"123456789101112"  attributes:nil] ;

 MMTextAttachment* textAttachment = [[ MMTextAttachment alloc ]initWithData:nilofType:nil] ;
 
    UIImage* smileImage = [ UIImage imageNamed:@"a.jpg"]  ;  //myemoticon image named a.jpg
 
    textAttachment.image= smileImage ;
 
    NSAttributedString* textAttachmentString = [ NSAttributedString attributedStringWithAttachment:textAttachment ] ;
 
    [string insertAttributedString:textAttachmentString atIndex:6 ];
 
    _textView.attributedText= string ;
富文本(图文混排)—— TextKit & CoreText 富文本 图文混排 3种方式: 1.webView 使用简单 负载大 2.CoreText 性能好,功能强大 使用起来复杂 3.TextKit iOS7以后 是对CoreText做了封装,集成在UIKit框架中 使用比较简单,功能有限 //NSAttributedString.h 中文本属性key的说明 /* NSFontAttributeName 设置字体属性,默认值:字体 阅读详情

相关推荐

ios-富文本(支持图文混排、图片可网络可本地,gif请导入yykit).zip

图文混排

页面内容样式设计——图文混排

目录图文混排实现一个图文混合单元模块1. HTML代码2. 浏览器显示效果 图文混排 图文混排是制作精美页面必须使用的技术,通过将适当的图像与文字有效地排列在一起,可以大大丰富版面内容。图文混排的结构没有统一标准,一般做法是把图像和文本信息同时封装在一个包含元素内,再嵌入其他布局元素或修饰元素。 实现一个图文混合单元模块 1. HTML代码 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="

Ronny的博客 5375

Html图文混排系统

绝对酷的纯动力Html版本图文系统! 台登陆:admin_login.asp 用户名和密码:staxp

HTML5网页设计基础——图文混排升级版

案例: 代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> #one{ font-family:"微软雅黑" /*设置字体*/ } .hui{ color: #999; } h2{ letter-spacing: 5px /*设置标题字间距*/ } .

shengming_tutou的博客 4134

html实现文字绕排示例(html图文混排)

在word中我们知道如何是文字绕排,但在web页面中如何实现呢?这个就不象word中那么容易了。但只要使用好html的元素一样能达到这样的效果。一般绕排有这样几种:文字绕图,文字绕文字等。我想讲的就是这两种。好吧,开始

ArcGIS实战:地形湿度指数(TWI)计算全流程解析

本文详细解析了ArcGIS中地形湿度指数(TWI)的计算全流程,从DEM数据获取、填洼处理到水流方向与汇流累积量计算,最终实现TWI的精准计算。通过实战步骤指导,帮助读者掌握水文建模和土壤湿度预测的关键技术,适用于农业规划、生态研究等领域。

weixin_29231725的博客 869

前端开发_HTML5_模块化-图文混排效果实现

图文混排效果实现 1.引入 上一次课程,我们使用栅格布局和ul-li标签实现了简单的导航栏目和菜单栏目的实现,接下来我们使用栅格布局和定义列表标签实现简单的图文混排的效果,这一个效果再电商项目或图片显示较多的项目中应用较为广泛。 2.图文混排效果实现 我们再实现效果的时候还是按照上一次课程讲解的操作步骤一样。 3.代码以及实现效果 代码实现以及效果截图 <meta name="viewport" content="width=device-width,initial-scal...

u013185175的博客 3639

lgv20刷twrp_LG港版v20 root

这是LG港版v20 root,整理了一下有关LG港版v20的官方固件包了,有没有需要的呢,这里把固件包整理一下也是方便大家以后好下载了,因此有一些机友还是不知道在哪里下载官方的rom包,在这里说的固件rom包也就是原版的系统包了,大家可以放心的使用,这些系统包也都是支持线刷的,大家下载下来解压出来根据里面的相关教程来操作就可以了,很简单的,如果你也需要的话就一起来看看吧。软件提示注意!! 此过程会...

weixin_33212263的博客 5387

HTML实现图文混排效果

图片属性: hspace 和 vspace 属性可以设置图像周围的空间。 1)hspace 属性可设置或者返回图片的 hspace 属性值。 hspace 属性指定图像的左边缘和右边缘的空白(设置图片与文本左右的距离) 2)vspace 属性规定图像顶部和底部的空白。 注:HTML5 不支持vspace 属性。请使用 CSS 代替。在 HTML 4.01 中的 vspace...

做一个有趣的妞儿 1万+

二、频率调制光谱(FMS)技术——error信号的数学模型及其他推论

一些推论。

qq_41111336的博客 1604

AI 大模型在电商精准营销中的应用

例如,对于用户 A 和用户 B,通过比较他们对共同评价过的商品的评分差异来确定相似度。其中,(Gain(D,a))表示特征(a)对数据集(D)的信息增益,(Ent(D))表示数据集(D)的信息熵,(V)表示特征(a)的取值个数,(D^{v})表示特征(a)取值为(v)的样本子集。其中,(sim(A,B))表示用户 A 和用户 B 的相似度,(I)表示用户 A 和用户 B 共同评价过的商品集合,(R_{A,i})和(R_{B,i})分别表示用户 A 和用户 B 对商品(i)的评分。(三)营销活动效果预测。

alittlehippo的博客 1627

ios textkit html,iOS系列教程之TextKit实现图文混排读后记

前两天看搜狐家明哥写的《TextKit实现图文混排》 今晚回家看了下API发现了一个更加取巧的实现方式.可以直接将后台返回的html富文本用textView显示出来.记得两年前当时做这个的时候还是借助了笨重的webview.>Textkit是iOS7新推出的类库,其实是在之前推出的CoreText上的封装,有了这个TextKit,以后不用再拿着CoreText来做累活了,下面是我分别用UIT...

weixin_39679664的博客 300

【Flutter 问题系列第 85 篇】Xcode 运行 Flutter 提示 The Dart VM Service was not discovered after 60 seconds.

在 Xcode 上运行 Flutter 时提示 `The Dart VM Service was not discovered after 60 seconds. This is taking much longer than expected...`,意思是 `60秒后未发现Dart虚拟机服务。这比预期的要长得多`

“Allen Su”的博客 2235

ios开发text kit_iOS系列教程之TextKit实现图文混排读后记

前两天看搜狐家明哥写的《TextKit实现图文混排》 今晚回家看了下API发现了一个更加取巧的实现方式.可以直接将后台返回的html富文本用textView显示出来. 记得两年前当时做这个的时候还是借助了笨重的webview.> Textkit是iOS7新推出的类库,其实是在之前推出的CoreText上的封装,有了这个TextKit,以后不用再拿着CoreText来做累活了, 下面是我分别用...

weixin_39636245的博客 217

深入RKNN Toolkit2:自定义算子与内存优化秘籍

本文系统探讨了RKNNToolkit2在模型转换中的关键技术与优化策略。首先介绍了该工具包的基础功能及模型转换流程,重点阐述了自定义算子的实现方法,包括算子分析、代码编写和注册集成等步骤,并以ReduceLogSumExp算子为例进行案例分析。在内存优化方面,详细论述了模型量化、内存复用和参数配置等策略,通过具体案例展示优化效果。最后结合智能安防项目实践,分享了YOLOv5模型部署经验及问题解决方案。文章指出,随着AI技术发展,RKNNToolkit2将在算子支持、量化技术和硬件适配等方面持续优化,为边缘计

远程部署调试 运行安装 项目调试 二次开发 项目技术新 持续迭代 部分源码免费分享 1387

手把手教你学 Simulink (1.3):探索Simulink模块库的奇妙世界

Simulink模块库按照功能分为多个类别,每个类别包含专门用于特定任务的模块。% 打开Simulink库浏览器% 或者以编程方式获取库列表disp('可用的库列表:');end常用模块(Simulink):最基础和最常用的模块信号处理模块(DSP System Toolbox):专业信号处理工具通信模块(Communications Toolbox):通信系统设计控制系统模块(Control System Toolbox):控制系统设计与分析% 创建自定义模块库。

QQ_778132974的博客 380

iOS系列教程之TextKit实现图文混排读后记

前两天看搜狐家明哥写的《TextKit实现图文混排》 今晚回家看了下API发现了一个更加取巧的实现方式.可以直接将后台返回的html富文本用textView显示出来. 记得两年前当时做这个的时候还是借助了笨重的webview. > Textkit是iOS7新推出的类库,其实是在之前推出的CoreText上的封装,有了这个TextKit,以后不用再拿着CoreText来做累活了,

iChenfy的专栏 1334

【推荐100个unity插件之10】Unity Cinemachine最全的最详细的虚拟相机介绍,详细案例讲解,快速上手

相信很多同学都用过Unity的Cinemachine插件,使用它可以很方便地实现一些摄像机效果,比如摄像机追踪、推拉镜头、分镜等效果。Cinemachine的知识特别的多又很常用,本来是想做一期来讲一下的,结果搜索发现已经有人做过了,而且内容挺全的,但是内容可能比较啰嗦,还有部分没有补充,所以我就先转载下来,后续有时间再优化修改补充,觉得内容不错的,很欢迎大家去支持原作者。

向宇的博客,专注php/web全栈 unity游戏开发,欢迎大家评论纠错 2万+

TextKit实现图文混排

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

Youki_1998的博客 171

RU DOS版、EFI版32bit/64bit BIOS常用工具

DOS版、EFI版的RU工具,可用来查看IO、MEM、PCI、SMBIOS等资源。亲测在EFI SHELL下可用。

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

Swift Textkit 图文混排实现

用Swift写了一个Textkit图文混排Demo,类似新浪微博的头条文章编辑功能   实现如下功能:   支持标题区域 支持将图片作为attachment插入到文本中 监听键盘事件,自动调整滚动区域 自动折行,自动滚动到当前的书写区域 支持输出纯文本(图片包装为img标签,可自行扩展为Json格式,方便提交到服务器端) 点击图片后支持删除操作 效果如下:   ...

老邢的IT译站 445

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

利用TextKit进行简单的图文混排

最近做的项目属论坛性质,其中大范围的涉及到图文混排,帖子标题前有图片,像“顶”“荐”赏“精”图片,如图: 由此,自已封装了一个工具类,仅做参考: 1,首先上一份完整的代码,业务需求是根据后台返回的标识显示图片,其中参数topic存放所需标识和标题,参数isShow是因为悬赏帖有的地方会单独在界面有个标识,无需再标题显示,标识如下:

sophia_xiaoma的专栏 1994

SAP B1中文培訓教材_SDK

公司内部培训资料,对开发工具 ,DIAPI, UIAPI,Add-ON有详细解说

图文混排(TextKit详解)

iOS7 的发布给开发者的案头带来了很多新工具。其中一个就是 TextKit(文本工具箱)。TextKit 由许多新的 UIKit 类组成,顾名思义,这些类就是用来处理文本的。在这里,我们将介绍 TextKit 的来由、它的组成,以及通过几个例子解释开发者怎样将它派上大用场。   但是首先我们得有一点背景知识:TextKit 可能是近期对 UIKit 最重要的补充了。iOS7 的新界面用纯文本

帅帅的专栏 4800

用textkit实现图文混排

Textkit是iOS7新推出的类库,其实是在之前推出的CoreText上的封装,有了这个TextKit,以后不用再拿着CoreText来做累活了,根据苹果的说法,他们开发了两年多才完成,而且他们在开发时候也将表情混排作为一个使用案例进行研究,所以要实现表情混排将会非常容易。 TextKit并没有新增的类,他是在原有的文本显示控件上的封装,可以使用平时我们最喜欢使用的UILabel,UITex

u010859230的专栏 603
上一篇: uiimage常用方法总结
下一篇: App Store统计工具(App Annie)
Allen_iOS
博客等级 码龄12年 3粉丝 4原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值