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

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

在ios中实现图片环绕文字效果相关推荐

关于IOS中通过图片实现动画效果
其实,让图片生成动画特别简单,就是快速轮播一组图片,形成视觉上的动画效果.需要用到的就是UIImageView,并且设置它的一些属性就可行了.包括以前很流行的Tom猫等小游戏,都是可以通过这个来实现. ...
html图片环绕怎么设置,word中如何设置让图片环绕文字的效果
word2007中怎么编辑图片?大家在使用word2007插入图片的时候有没有发现可以对图片进行很多种的修改,比如说将图片设置成围绕文字的效果,但是很多初学者相信应该还不知道怎么进行设置,下面小编就详 ...
如何让IOS中的文本实现3D效果
本转载至 http://bbs.aliyun.com/read/181991.html?spm=5176.7114037.1996646101.25.p0So7c&pos=9 zhed ...
[css] 怎么让div中的图片和文字同时上下居中？
[css] 怎么让div中的图片和文字同时上下居中? <div><img src="./"/><label>文字内容</label> ...
向pdf文件中插入图片及文字 java实现
向pdf文件中插入图片及文字引入itextpdf相关依赖  ...
js中的图片指定切换效果
js中的图片指定切换效果的实现用到的js中的知识:js中的for循环的熟练运用 js中的this属性:指的是调用当前方法 (函数) 的那个对象 js中的自定义属性:js可以为任意的HTML元素添加 ...
Springboot中给图片添加文字水印
Springboot中给图片添加文字水印工作中遇到给图片添加文字水印的需求,记录下来方便之后查阅需求内容: 给一张图片添加指定文字水印,使一张图片上有多个水印内容,并且设定一个水印开关,可指定是否 ...
为网页中的图片添加水印的效果
程序本来源于http://dev.csdn.net/develop/article/22/22096.shtm中lovered所写的程序,我把其中的一些我觉得不太好的加以了改进并且增加一些功能形成了该 ...
python中显示图片和文字
python中显示图片和文字这里的实现方法有两种:一种是python结合opencv实现:一种是python自带的matplot工具来实现的. python+opencv实现 python+matp ...

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

在ios中实现图片环绕文字效果相关推荐

最新文章

热门文章