iOS图文混排的几种方式

原创 2016年08月30日 17:12:19

最近优化升级了之前做的一个项目,现在这一期已接近尾声了,今天可以腾出些时间总结一下最近项目中用的比较多的图片文字混排显示的内容。现在遇到比较多的图文混排的基本有三种:一种是在标签中显示 价格符号+价格+某种内部项目单位(如粮票符号)+数量,这种在项目中用的比较多些;第二种是商品详情中展示一段文字+一组图片或者是,一段文字+一张图片的数组形式展示,这种在详情中用的也不少;还有一种的和第二种类似,像是网页中的东西,这里就不多说了;下面说说前两种比较常用的图文混排展示的方式;

  1、,在标签中显示价格单位+价格+项目内部单位符号+数量的一种方式;这种方式用的还是比较多的,一种比较简单的方式是从网上可以找到第三方支持图片显示的控件,像是CTTextDisplayView-master,在cocoaChina或者Code4App上面可以搜索的到,里面封装了一个view类型的cell对象,支持图片、文字、超链接、@某人等效果,需要的话可以自己去下载,用了一次效果还是不错的,功能很强大,还支持对指定文本字段的点击效果;另外一种方式是可以在UILabel标签中通过对标签的重绘,也可以实现同样的效果;废话不多说直接上代码了。

      NSString *temStr = [NSString stringWithFormat:@"¥%.2f + ",[price floatValue]-[score floatValue]];

                NSTextAttachment* attach = [[NSTextAttachment alloc] init];

                attach.image = [UIImage imageNamed:@"P灰色列表粮票符号.png"];

                NSAttributedString* attStr1 = [NSAttributedString attributedStringWithAttachment:attach];

                NSMutableAttributedString* attStr = [[NSMutableAttributedString alloc] initWithAttributedString:attStr1];

                NSMutableAttributedString *strMatt = [[NSMutableAttributedString alloc] initWithString:temStr];

                //在图片前面插入一段文字

                [attStr insertAttributedString:strMatt atIndex:0];

                //在图片后面追加一段文字

                [attStr appendAttributedString:[[NSAttributedString alloc] initWithString:[NSString stringWithFormat:@"%.2f",[score floatValue]]]];

                //设置图片的大小

                attach.bounds = CGRectMake(0, 0, 8, 9);

                cell.lblrealprice.attributedText = attStr;

2、在详情中实现图文混排的方式,或者是一段文字+一张图片作为一个整体的一组展示;前面的这种需要实现文本高度的动态判断,然后根据图片数组的个数动态的计算整体的高度和图片显示的位置即可,当然还有个查看大图的效果这里就不详细叙述了。第二种可以将标签、图片封装成一个cell动态判断每一个cell的文本高度+图片是否存在即可;


中国如何引进CMM评估,促进软件产业发展

中国如何引进CMM评估,促进软件产业发展北京软件行业协会(本文转载自软件工程专家网www.21cmm.com) 一、CMM的含义及作用   CMM(软件能力成熟度模型:Capability Matur...
  • gigix
  • gigix
  • 2002-03-08 09:19:00
  • 1565

iOS学习-------图文混排的两种方式

在iOS6之前,苹果系统的图文混排技术使用coreText:如果需要使用可以使用第三方框架(纯C语言) iOS6使用NSAttributedString、NSMutableAttributedStr...
  • yziOS
  • yziOS
  • 2015-06-15 22:30:59
  • 2069

ios知识点总结——富文本实现图文混排

在iOS开发中经常会遇到一些图文混排的情况,特别是在微博类应用的开发过程中经常会遇到各种表情,各种链接的解析。笔者在实践开发中经历了几次这种类型的开发,由最开始的利用WebView进行布局到最后利用富...
  • javayujiafeng
  • javayujiafeng
  • 2013-11-05 14:18:52
  • 15059

iOS中不同形式的图文混排技术的实现总结

摘要在我们iOS项目开发中,我们经常会遇到图文混排的情况,那么什么是图文混排呢? 那么什么是图文混排呢?在这里我给大家举个例子大家就明白了,例如我们在微博类,社交聊天应用中常常会遇到各种表情,各种链...
  • BaiHuaXiu123
  • BaiHuaXiu123
  • 2016-05-10 19:44:50
  • 5324

iOS之UIWebView图文混排技术

摘要今天小编跟我讲,有一个同学要利用UIWebView进行图文混排,其实图文混排的几种方式,我在之前的博客里面已经讲过,在这里就不再讲述了,如果大家需要看,请参考之前的那篇博文 iOS中不同形式的图...
  • BaiHuaXiu123
  • BaiHuaXiu123
  • 2016-05-26 17:20:44
  • 2499

iOS中 图文混排/自定义图文混排 作者:韩俊强

// 翻转坐标系 // 参数1:文本宽度占Label的比例(0 ~ 1) // 参数2:水平方向文字逐渐往下(参数 > 0, 往上: 参数 < 0)偏移,如果是正数,逐渐向上偏移 ...
  • qq_31810357
  • qq_31810357
  • 2015-12-01 08:22:04
  • 2672

iOS UILabel中图文混排

最近做项目领导提出一个奇葩需求,需要在活动商品名前添加一个活动的标识,如下图 要做到图中在文字中插入图片的效果,首先我们得来了解一下一个叫富文本的东西。所谓富文本,我的理解就是一个丰富多彩...
  • u010960265
  • u010960265
  • 2017-11-22 09:19:03
  • 176

iOS-利用NSAttributedString实现图文混排

UILabel 和 UITextView 都能添加 NSAttributedString 属性字符串,通过这一点,可以实现带有属性的文字和文字内包含图片的文本内容展示.效果如下: 1-初始化可变...
  • Mazy_ma
  • Mazy_ma
  • 2016-10-25 11:49:29
  • 3396

iOS图文并排demo,图文混排,UITextView图文显示,html转NSAttributedString

一、使用场景 如果需要用户输入提交信息的时候,如textView输入意见或者提交信息时。如果需要输入文字和图片的时候,就可以通过图文并排的方式来实现。 二、实现过程 通过UITextView输入NSA...
  • yangjieseagull
  • yangjieseagull
  • 2017-11-03 10:17:01
  • 331

iOS 有行距的图文混排

  • HDFQQ188816190
  • HDFQQ188816190
  • 2017-06-28 15:06:40
  • 254
收藏助手
不良信息举报
您举报文章:iOS图文混排的几种方式
举报原因:
原因补充:

(最多只允许输入30个字)