ios开发之改变UIWebView文本字体的样式和大小

最新推荐文章于 2022-08-18 15:19:33 发布

naicher_peng

最新推荐文章于 2022-08-18 15:19:33 发布

阅读量684

点赞数

分类专栏： ios 工作随记

ios 同时被 2 个专栏收录

21 篇文章 0 订阅

订阅专栏

工作随记

19 篇文章 0 订阅

订阅专栏

1、UIWebView设置字体大小，颜色，字体：1、UIWebView设置字体大小，颜色，字体：

UIWebView无法通过自身的属性设置字体的一些属性，只能通过html代码进行设置，代码如下：UIWebView无法通过自身的属性设置字体的一些属性，只能通过html代码进行设置，代码如下：

[html] view plaincopy 
   
 NSString *jsString = [NSString stringWithFormat:@"<html> \n"  
                 "<head> \n"  
                 "<style type=\"text/css\"> \n"  
                 "body {font-size: %f; font-family: \"%@\"; color: %@;}\n"  
                 "</style> \n"  
                 "</head> \n"  
                 "<body>%@</body> \n"  
                 "</html>", fontSize, fontFamily, fontColor, htmlText];  
     [_infoTextView loadHTMLString:jsString baseURL:nil];  

[html]view plaincopy 
   
 <span style="font-size:14px;">NSString *jsString = [NSString stringWithFormat:@"<html> \n"  
                 "<head> \n"  
                 "<style type=\"text/css\"> \n"  
                 "body {font-size: %f; font-family: \"%@\"; color: %@;}\n"  
                 "</style> \n"  
                 "</head> \n"  
                 "<body>%@</body> \n"  
                 "</html>", fontSize, fontFamily, fontColor, htmlText];  
     [_infoTextView loadHTMLString:jsString baseURL:nil];</span>  

另外也可以通过加载本地的css文件，将格式在css文件中定义，代码如下：

[cpp] view plaincopy 
   
 NSString *jsString = [NSString stringWithFormat:@"<html> \n"  
     "<head> \n"  
     "<link href=\"text.css\" rel=\"stylesheet\" type=\"text/css\"> \n"  
     "</style> \n"  
     "</head> \n"  
     "<body>%@</body> \n"  
     "</html>", tempText];  
       
     NSString *path = [[NSBundle mainBundle] bundlePath];  
     NSURL *baseURL = [NSURL fileURLWithPath:path];  
     [infoWebView loadHTMLString:jsString baseURL:baseURL];  

[cpp]view plaincopy 
   
 <span style="font-size:14px;">NSString *jsString = [NSString stringWithFormat:@"<html> \n"  
     "<head> \n"  
     "<link href=\"text.css\" rel=\"stylesheet\" type=\"text/css\"> \n"  
     "</style> \n"  
     "</head> \n"  
     "<body>%@</body> \n"  
     "</html>", tempText];  
       
     NSString *path = [[NSBundle mainBundle] bundlePath];  
     NSURL *baseURL = [NSURL fileURLWithPath:path];  
     [infoWebView loadHTMLString:jsString baseURL:baseURL];</span>  

2、计算UIWebView的高度

网上有文章介绍使用如下代码计算高度，但用过后感觉不准确，主要是因为有时候html还没加载完计算就不准确了。

[cpp] view plaincopy 
   
 CGFloat height = [[webView stringByEvaluatingJavaScriptFromString:@"document.body.offsetHeight"] floatValue];  

[cpp]view plaincopy 
   
 <span style="font-size:14px;">CGFloat height = [[webView stringByEvaluatingJavaScriptFromString:@"document.body.offsetHeight"] floatValue];</span>  

后来使用如下方法比较准确，就是加载完成后再去计算，不过有个问题是，第一次计算出来高度同时设置了对应高度后，后面计算的结果会受第一次的结果影响，也就是说高度保持第一次计算的结果。我测试的是第一次是内容较多，后面几次是内容较少，但是高度始终保持第一次的高度，不知如果后面的内容比第一次的多，会不会重新计算还是保持第一次的计算结果。所以保险一点，在每次计算之前，先重设一下高度。

[cpp] view plaincopy 
   
 - (void)webViewDidFinishLoad:(UIWebView *)webView  
 {  
     const CGFloat defaultWebViewHeight = 22.0;  
     //reset webview size   
     CGRect originalFrame = webView.frame;  
     webView.frame = CGRectMake(originalFrame.origin.x, originalFrame.origin.y, 320, defaultWebViewHeight);  
       
     CGSize actualSize = [webView sizeThatFits:CGSizeZero];  
     if (actualSize.height <= defaultWebViewHeight) {  
         actualSize.height = defaultWebViewHeight;  
     }  
     CGRect webViewFrame = webView.frame;  
     webViewFrame.size.height = actualSize.height;  
     webView.frame = webViewFrame;  
       
 }  