在ios中实现图片环绕文字效果

iOS中的富文本技术(1)-TextKit简介 前言最近项目中用到了图文混排,所以就研究了一下iOS中的富文本,打算把研究的结果分享一下,也是对自己学习的一个总结。初步打算写两篇,这是第一篇,主要介绍iOS7新出的TextKit的简单实用。 阅读详情

IOS中有时候需要实现文字环绕图片的效果,用一般的控件很难实现,因为根本就没有支持该属性的控件,折衷的做法就是用UIWebView,在其加载html语言,实现文字的环绕效果。

实现要求:在webView上实现文字环绕图片,点击图片可实现图片放大。

关于点击图片放大有两种方法:1.用javascript脚本实现,可笔者已经3年不做web开发了,这种方式可能需要较长时间。2.在webView中添加一个占位图(必须是透明的),在

web.scrollView上相应位置,添加UIImageView,并实现点击效果。

以下时部分代码:

newsTitle=@"标题";

       newsTime=[NSString stringWithFormat:@"%@                     %@",@"2012-08-09",@"网易"];

       NSString *file1 = [[NSBundle mainBundle] pathForResource:@"占位图" ofType:@"png"];//设置占位图片

       NSString *file2 = [[NSBundle mainBundle] pathForResource:@"透明" ofType:@"png"];//设置占位图片

       NSString *imgstr=[NSString stringWithFormat:@"<img src='file://%@' style=\"FLOAT: right; MARGIN-TOP: 10px; MARGIN-RIGHT: 10px\" alt=\"\">",nil,nil];//红色的就是占位图的属性设置:居右,距离上边 10px,距离右边10px

       web.backgroundColor = [UIColor clearColor];  

       web.opaque = NO;

       //这行能在模拟器下明下加快 loadHTMLString 后显示的速度,其实在真机上没有下句也感觉不到加载过程

       web.dataDetectorTypes = UIDataDetectorTypeNone;

       if (!news) {

           news=@"要添加的文字要添加的文字要添加的文字要添加的文字要添加的文字要添加的文字要添加的文字要添加的文字要添加的文字要添加的文字要添加的文字要添加的文字要添加的文字要添加的文字要添加的文字要添加的文字要添加的文字要添加的文字要添加的文字要添加的文字要添加的文字要添加的文字要添加的文字";

       }

       NSString *webviewText = [NSString stringWithFormat:@"<style>body{margin:10;align:center;background-color:lightgray;font-color:black;font:17px/20px Custom-Font-Name}</style><h2 align=\"center\">%@</h2><h5 style='text-align:center;'>%@</h5><hr></br>%@<font>%@</font>",newsTitle,newsTime,imgstr,news];//红色部分将文字图片连接在一起


       [web loadHTMLString:webviewText baseURL:nil]; //在 WebView 中显示本地的字符串

       //在于占位图同样的添加图片

       UIView *firstView=[self addImageViewWithFrame:CGRectMake(203, 125, 100, 97) andPic:pic1];

       [firstView setTag:9];

       [web.scrollView  addSubview:firstView];

       [web.scrollView addSubview:[self addImageViewWithFrame:CGRectMake(203, 226, 100, 97) andPic:pic2]];


实战分享:如何用Java调用Doris FE接口实现高效Stream Load数据导入(附完整代码) 本文详细介绍了如何通过Java调用Doris FE接口实现高效的Stream Load数据导入,包含完整代码示例和性能优化技巧。Stream Load作为Doris的高效数据导入方式,相比传统JDBC提升5-10倍速度,适用于大规模数据处理场景,帮助开发者解决高吞吐量数据导入挑战。 阅读详情

相关推荐

保姆级教程:在NXPS32144环境下安装EB TRESOS 29.0.0并配置MCAL开发环境

本文提供了一份详细的保姆级教程,指导如何在NXP S32K144环境下安装EB TRESOS 29.0.0并配置MCAL开发环境。内容涵盖从前期资源准备、软件安装步骤、核心的MCAL关联配置,到首次创建AUTOSAR工程并进行模块配置的全流程,旨在帮助汽车电子开发者搭建稳定、可用的底层软件开发地基。

wind6的博客 958

iOS实现文字环绕图片textView布局

CGRect textViewRect = CGRectInset(self.view.bounds, 10.0, 20.0);     _myTextView = [[UITextView alloc] initWithFrame:textViewRect];     _myTextView.text = text;     _myT

u010008647的博客 1947

AI人工智能领域多模态大模型的数字孪生应用

本文旨在系统性地介绍多模态大模型在数字孪生领域的最新应用进展,探讨其技术原理、实现方法和应用价值。内容范围涵盖从基础概念到前沿技术,从理论分析到实践案例。文章首先介绍多模态大模型和数字孪生的基本概念,然后深入分析两者的结合点,接着通过具体案例展示应用实践,最后探讨未来发展趋势和挑战。多模态大模型:能够同时处理和融合多种数据模态(如文本、图像、视频、音频等)的大型人工智能模型数字孪生:物理实体或系统的虚拟副本,通过实时数据同步实现虚实交互跨模态融合:将不同数据模态的信息进行有效整合和关联的技术。

AI云原生与云计算技术学院 1325

CoreText实现图文混排之文字环绕及点击算法

CoreText实现图文混排之文字环绕及点击算法 系列文章: CoreText实现图文混排CoreText实现图文混排之点击事件CoreText实现图文混排之文字环绕及点击算法 终于我来完成我CoreText图文混排的最后一章了。 先说一下我为什么会来补发这一章呢? 1.老司机最开始没有留demo,以至于这个博客老司机从发出来到现在整整维护了半年了=。=其实博客里面就是全

努力,可能成功!放弃,注定失败! 1760

陀螺仪与加速度计的姿态融合——互补滤波

本篇文章我们来讲讲如何将陀螺仪和加速度计的数据结合起来,获取更准确的姿态数据,使用的是互补滤波的方法。

小白白学电子 2万+

Google antigravity 不支持你所在地区?手把手教你把账号改成支持地区

Google antigravity功能火爆,但国内老账号根本用不了🤬本文分享几种有效的账号国家地区切换方法,最快几分钟就能让antigravity直接亮起🔥

XiaoqiangClub的博客 2万+

iOS使用textView图文混排 -- 二

这一种方法是使用CoreText。实现下图效果的更简单便捷的时还有可以直接设置文字的环绕方式。      iOS sdk中为我们提供了一套完善的文字排版开发组件:CoreText。CoreText库中提供了很多的工具来对文本进行操作,例如CTFont、CTLine、CTFrame等。利用这些工具可以对文字字体每一行每一段落进行操作。 1.         首先,需要引入Co

花色1125的博客 884

Python数据分析全流程指南:从数据采集到可视化呈现的实战解析

在数字化转型浪潮中,数据分析已成为企业决策的核心驱动力。Python凭借其丰富的生态库和简洁的语法,成为数据分析师的首选工具。本文将以实战案例为脉络,拆解数据分析全流程的关键环节,通过具体代码和场景说明如何用Python完成从数据采集到可视化呈现的完整链路。

这家伙很懒,什么都没有留下 1681

文字环绕图片的实现

想实现文字环绕图片的效果要用float要点:使用float实现,float最初的作用就是用在环绕。让文字向左浮动,然后图片向右浮动HTMl部分&lt;div class="dc-left-text"&gt; 前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前前端前端前端前端前端前端...

feifei6170的博客 2811

西南科技大学模拟电子技术实验七(集成运算放大器的非线性应用)预习报告

将电位器Rp调至中心位置,用双综示波器观察并绘制方波U0的波形,测量其幅值和频率;将电位器RP调至中心位置,用示波器观察并绘制锯齿波U0的波形,记录;示波器基线调零,Ui输入1000HZ、幅值为2V的正弦信号,观察并记录Ui与U0波形,读出图中波形跳变时的Ui临界值;用万用表电位器RP调至预测结果位置,用示波器观察并描绘三角波输出U0及方波输出uo’,测其幅值、频率及Rp值,记录之。示波器基线调零,U输入1000HZ、幅值为2V的正弦信号,观察UI与U0波形。理论算法公式:当Ui

Welcome To My6n Blog 3937

【护网必备】Windows平台shellcode免杀加载器

bypass:McAfee、金山(数字签名)、火绒、ESET、卡巴企业版(时间5s 抖动50 Sleep_mask)、360全家桶(物理机)、Norton(加白程序资源)、WDF(PC)、WDF(Server)、Symantec(加白程序资源)bypass:金山(数字签名)、火绒、ESET、360全家桶(物理机)、WDF(PC)、WDF(服务器提示复查(关云保护))、McAfee、Norton(加白程序资源)、卡巴企业版(时间5s 抖动50 Sleep_mask)必须使用Bof操作,shell运行就掉线。

Fly_鹏程万里 1186

1.3 python入门之文件和异常

文章目录文件操作逐行读取写入文件 文件操作 with open('digit.txt') as file_obj #在当前PY文件所在目录下寻找TXT文件,open方法返回文件对象,并存储在file_obj中 contents = file_obj.read() print(contents) 打开文件——>访问文件 with方法会自动管理文件的关闭 read方法会在到达文本文件末尾时返回一个空字符串,所以再print时会比原文件多个空行 所以改为print(content

剑雨巍巍的博客 314

SAP-ABAP:SAP系统调优利器:RZ11动态参数修改全指南

SAP系统调优利器:RZ11动态参数修改全指南

baidu_35680696的博客 970

css —— 图片环绕+首行缩进

1.利用css实现图片环绕文字的效果: 只需要给img标签设置float:left/right即可; 2.实现上段文字首行缩进两个字的效果: 使用text-indent: 2em;即可(em为相对单位,2em相当于两个汉字的距离) 转载于:https://www.cnblogs.com/zhengyeye/p/6110472.html...

weixin_30784141的博客 136

SIMATIC S7-1200, S7-1500 PID 控制[手册]

SIMATIC S7-1200, S7-1500 PID 控制[手册]

efm32 入门.pdf

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

使用TextView/EditText应该注意的地方

原文地址:http://gundumw100.iteye.com/blog/974557 可以显示 Markdown 格式文本的自定义WebView  https://github.com/falnatsheh/MarkdownView  支持Android图文混排、文字环绕图片等效果  http://www.jcodecraeer.com/a/opensource/201

hxltech的专栏 1063

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

YYText架构重构:iOS富文本渲染引擎的性能突破与设计哲学

YYText作为iOS平台的高性能富文本处理框架,在最新版本中完成了一次深度的架构重构。这次重构并非简单的功能堆砌,而是从底层渲染机制到上层API设计的全面革新,旨在解决大规模富文本渲染场景下的性能瓶颈与内存管理难题。 ## 技术架构革新:从TextKit封装到原生渲染引擎 传统iOS富文本渲染依赖TextKit的三层架构(NSTextStorage、NSLayoutManager、NSTex

gitblog_00548的博客 357

jre9下载 jdk9

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

yylabel支持html ios,iOS_YYLabel实现多标签,文字+背景功能

效果:image.pngimage.png//实现文字在上,点9图背景的AttributedString//image = 背景图片//text = 上面文字//font = 文字字体//color = 文字颜色//space = 背景和文字的间距,背景要比文字大才好看- (void)getImageTextWithParams:(NSDictionary *)params callBack:(v...

weixin_33398049的博客 988

文字环绕图片布局

实现文字环绕图片布局。  &lt;div style="width:400px;"&gt; &lt;div style="float:left; clear: both;" align="center"&gt; &lt;img src="/images/w11.jpg" width="120" alt="" hs

程序猿_hw的博客 3243

文字环绕图片效果实现

书接上回,我们来讲讲如何实现“文字环绕图片”的效果吧。

qq_31433709的博客 1373

web页面下实现文字环绕图片效果

通常,我们在一段文字中插入图片时,图片都会独立显示为一行(这是因为img标签属于块级标签,会自动在上下留出一定的空白),也许我们不想这样,如果能像在word中一样实现文字环绕图片的效果多好啊! 以往,我们在处理这种情况时,都会利用表格来布置一个格局,然后再将图片放进去,周围的表格中再填入文字内容,效果确实不错,但如果再想修改某处的文字内容可就麻烦了,甚至要重新推倒重来。 其实我们只需借...

zmor 1656

文字环绕图片的布局效果

为什么80%的码农都做不了架构师?>>> ...

weixin_34293246的博客 810
上一篇: xcode快捷键
下一篇: iOS 开发常用的解决方法
Robincui2011
博客等级 码龄15年 21粉丝 24原创
评论 4
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值