美文网首页iOS控件封装程序员ios实用开发技巧
ios 三种方式加载本地HTMLString并计算高度

ios 三种方式加载本地HTMLString并计算高度

作者: 雪_晟 | 来源:发表于2016-10-25 11:05 被阅读4951次

ios 原生控件加载本地HTMLString有三种方式:UILabel,UITextview,UIWebview;其中UILable,UITextview都是借助于attributedText属性加载富文本。

  一:UILable 加载本地HTMLString

      第一步:先把HTMLString 转化为NSAttributedString:



- (NSAttributedString *)attributedStringWithHTMLString:(NSString *)htmlString

{

NSDictionary *options = @{ NSDocumentTypeDocumentAttribute : NSHTMLTextDocumentType,

NSCharacterEncodingDocumentAttribute :@(NSUTF8StringEncoding) };

NSData *data = [htmlString dataUsingEncoding:NSUTF8StringEncoding];

return [[NSAttributedString alloc] initWithData:data options:options documentAttributes:nil error:nil];

}


   第二步:计算UIlable记载富文本之后的高度重置lable的frame;

  CGFloat height =  [self.lable.attributedText boundingRectWithSize:CGSizeMake(Device_Width, CGFLOAT_MAX) options:NSStringDrawingUsesLineFragmentOrigin context:nil].size.height;//针对富文本有专门的计算动态高度的方法,与nsstring 大同小异;

self.lable.height = height;

二:UItextview 与UIlable 加载方式一样也是通过上述方法计算高度


三:UIWebView加载本地HTMLString

    以cell中嵌套UIWebView举例,只举例一个cell,如果多个cell,cell的高度还是要放在对应的model中存储,否则会造成复用;

   当cell中嵌套UIWebview 时,需要在返回高度的地方返回cell.height ,可是webview的高度只有在加载HTMLString之后调动结束加载HTMLString之后才能获得UIWebview的高度,从而cell 的高度才能获得。

            首先,可以定义一个返回cell 高度的类变量,用静态变量存储,用来在webview加载完成之后重新存储新的高度。


  

 那么问题来了,   只能在赋值之后webView加载HTMLString,执行代理方法,执行完之后需要重新返回cell 的高度,需要通知UITableview进行刷新,然后就会出现死循环,所以增加判断 staticHeight == height +1判断,‘1’是contenview与cell 的分割线的高度。

  最后总结下,如果是纯HTMLString文本,可以使用UILable或者UItextview,(但是字体会小很多,相对于UIWebview加载来说,大神有知道的指点下),如果是带有图片的HTMLString,可以使用UIWebview进行加载; 

 demo地址:示例demo加载HTMLString 

  

相关文章

网友评论

  • Jimmylot:老铁 我的代码 都没什么问题,查看了 htmlString 也没什么问题,但是有的加载的时候,
    CGFloat htmlheight = [[webView stringByEvaluatingJavaScriptFromString:@"document.body.offsetHeight"] floatValue];
    这个 值 不对 高出很多
    Jimmylot:@雨鱼与于 那厉害了 ,经过我的不懈努力 我发现 webView.scrollView.contenSize.width 如果比 webView的宽度大的时候就会出现这种问题,然后我就尝试了一种 等式 (webView的宽 / webView.scrollView.contenSize.width = webView的 高 / webView.scrollView.contenSize.height )= (webView的 高 = webView.scrollView.contenSize.height * webView的宽 / webView.scrollView.contenSize.width),然后神奇的事情出现了,我飘了:smile:
    叶孤城1993:是大了很多,楼主有什么高招吗?
  • 重驹:老铁,比较稳
    雪_晟:@重驹 :smile:
  • 2d7e3e36ccbf:楼主,请教一下。我只能用webView,用offsetHeight获取的高度都不对是怎么回事?
    2d7e3e36ccbf:@雪_晟 webView加载完scrollview的contengsize都是0。 用 scrollViewHeight 或者clientHeight 高度也不对不上 。
    雪_晟:@胡乱许愿 你用contentSize 获取一下试试
    雪_晟:@胡愿 可能是标签格式不一致
  • 简书弧线:非常感谢, 我正常适配这个html显示问题, 帮大忙了
    雪_晟:@简书弧线 那就好
  • ifelseboyxx:设置 NSHTMLTextDocumentType,也就是字符串里面带html标签,再用 boundingRectWithSize:CGSizeMake 计算出来的 UILabel 高度不准确的,博主你真的有试过?
    ifelseboyxx:@雪_晟 你用的是label 啊?还是webview ?
    雪_晟:@JohnsLee demo 里不就是 ,当然测试了,我们项目里是可以的
    雪_晟:@JohnsLee 加载HTML 用webview 准确一点 ,我测试的是可以的

本文标题:ios 三种方式加载本地HTMLString并计算高度

本文链接:https://www.haomeiwen.com/subject/ukdruttx.html