在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]];


开源大模型“去审查化”技术解析:从LLaMA架构到本地部署与伦理边界 大型语言模型(LLM)基于Transformer架构,通过海量数据训练获得理解和生成自然语言的能力。其核心原理在于自注意力机制对上下文关系的建模。为了确保输出内容的安全与合规,主流模型普遍采用基于人类反馈的强化学习(RLHF)等技术进行安全对齐。这一过程旨在使模型行为符合人类价值观,是AI伦理工程实践的关键环节。然而,在特定研究场景下,如对抗性测试或内容安全算法研究,技术人员需要模拟极端对话以评估系统鲁棒性,这催生了针对“去对齐”或“移除护栏”的技术探索。此类技术通常通过对预训练模型进行反向微调或继续训练来 阅读详情

相关推荐

HPE磁盘阵列管理04——MSA事件

本文介绍了HPE MSA存储系统的事件处理机制,重点分析了常见磁盘故障事件及其解决方案。文章首先定义了MSA事件的五个严重级别(严重、错误、警告、信息和解决),然后详细列举了多个典型事件案例(如事件1、3、6、8、172等),包括每种事件的触发条件、对系统的影响以及具体修复步骤。针对磁盘故障场景,文章提供了更换磁盘、重建磁盘组、取消隔离等操作建议,并强调应及时配置备用磁盘以降低数据风险。最后指出更详细的事件说明可参考《MSA事件描述参考指南》,并提供了HPE官方手册下载链接。全文为技术人员处理MSA存储故障

istrangeboy&begin zero的博客 1122

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

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

u010008647的博客 1947

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

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

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

手把手教你用CMake和MinGW64编译libuvc:静态链接与动态链接的选择

本文详细指导如何在Windows平台上使用CMake和MinGW64编译libuvc库,并深入探讨静态链接与动态链接的选择策略。通过对比两种链接方式在部署复杂度、内存占用和版本管理等方面的差异,帮助开发者根据项目需求做出最优决策,实现高效的USB摄像头开发。

weixin_29171087的博客 255

利用Openlayers4实现地图遮罩效果(二)

之前实现的遮罩效果,在深色背景的底图上,对要突出的区域采用半透明遮罩,以此来突出该区域。但是有时底图颜色偏白,这时候不再适合对要突出的区域采用遮罩,而是要对突出区域之外进行遮罩处理。两种效果的对比入下图: ...

此爱如少年 6399

iOS使用textView图文混排 -- 二

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

花色1125的博客 884

ThinkAdmin后台Getshell

通过文件包含或者图片马的方式Getshell。修改其可允许的文件类型,php不允许,可添加。系统管理->系统参数配置->本地服务器存储。

hot_milk1的博客 1865

文字环绕图片的实现

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

feifei6170的博客 2811

3. NVIDIA GPU Xid 常见错误码全解析、故障定位与标准化处理方案

摘要: Xid是NVIDIA显卡驱动记录的硬件/软件异常日志,通过dmesg等工具可获取,包含PCI总线、GPU编号、故障码等信息,是诊断显卡问题的核心依据。Xid故障分为四类:应用程序类(如代码错误,Xid13/31)、显存ECC硬件类(如显存损坏,Xid48/63)、链路/供电温控类(如PCIe故障,Xid74/79)和GSP固件类(如静电干扰,Xid119/154)。排查流程包括日志采集、软件修复(如重启进程、升级驱动)、硬件检查(如PCIe链路状态)及断电复位(针对GSP故障)。预防措施包括监控EC

jundao1997的专栏 702

Vue和Vue-Element-Admin(六):集成中的CORS(跨域资源共享)问题

在vue-element-admin登录集成时候碰到跨域资源共享问题,CORS(Cross-origin resource sharing)是浏览器的技术规范,浏览器可以发起跨域请求但Javascript脚本不能,传统的ajax只能获取在同域名下的资源,但Html5允许ajax发起跨域请求,解决方案有:JSONP、Flash、IFrame、CORS。 一、CORS(跨域资源共享)问题 针对vue-element-admin的登录模块的后端接口完成后,前端调用时候出现报错,因为前端的端口是9527而后.

叶子叶来 9615

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

半导体晶圆调平系统:基于最小二乘法的实现方案

基于最小二乘法的晶圆调平技术通过数学建模与工程实现的结合,解决了半导体量测中高精度平面对准的核心问题。实际应用中,需根据设备特性优化采样策略、校准传感器误差,并通过实时性优化满足高产能场景需求。该方案的模块化设计(如分离数据采集、拟合计算、补偿输出)也为后续功能扩展(如引入机器学习优化拟合模型)提供了灵活性。

品质生活,极致编程。 1182

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

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

weixin_30784141的博客 136

Camera2Demo

在Camera2 的基础上进行封装,使得Camera2一堆初始化逻辑与Activity分离,降低耦合度,完成预览拍照并保存的操作

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

使用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

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

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

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

gitblog_00548的博客 357

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、付费专栏及课程。

余额充值