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

最新推荐文章于 2022-02-18 17:22:11 发布
最新推荐文章于 2022-02-18 17:22:11 发布
阅读量3w 收藏 14
点赞数
分类专栏： 学习笔记 ios ios iphone
学习笔记 同时被 3 个专栏收录
22 篇文章 0 订阅
订阅专栏
ios
17 篇文章 0 订阅
订阅专栏
ios iphone
13 篇文章 0 订阅
订阅专栏

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

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

[html] view plain copy print ?
  1. NSString *jsString = [NSString stringWithFormat:@"<html> \n"  
  2.                 "<head> \n"  
  3.                 "<style type=\"text/css\"> \n"  
  4.                 "body {font-size: %f; font-family: \"%@\"; color: %@;}\n"  
  5.                 "</style> \n"  
  6.                 "</head> \n"  
  7.                 "<body>%@</body> \n"  
  8.                 "</html>", fontSize, fontFamily, fontColor, htmlText];  
  9.     [_infoTextView loadHTMLString:jsString baseURL:nil];  
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];

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

[cpp] view plain copy print ?
  1. NSString *jsString = [NSString stringWithFormat:@"<html> \n"  
  2.     "<head> \n"  
  3.     "<link href=\"text.css\" rel=\"stylesheet\" type=\"text/css\"> \n"  
  4.     "</style> \n"  
  5.     "</head> \n"  
  6.     "<body>%@</body> \n"  
  7.     "</html>", tempText];  
  8.       
  9.     NSString *path = [[NSBundle mainBundle] bundlePath];  
  10.     NSURL *baseURL = [NSURL fileURLWithPath:path];  
  11.     [infoWebView loadHTMLString:jsString baseURL:baseURL];  
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];

2、计算UIWebView的高度

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

[cpp] view plain copy print ?
  1. CGFloat height = [[webView stringByEvaluatingJavaScriptFromString:@"document.body.offsetHeight"] floatValue];  
CGFloat height = [[webView stringByEvaluatingJavaScriptFromString:@"document.body.offsetHeight"] floatValue];

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

[cpp] view plain copy print ?
  1. - (void)webViewDidFinishLoad:(UIWebView *)webView  
  2. {  
  3.     const CGFloat defaultWebViewHeight = 22.0;  
  4.     //reset webview size   
  5.     CGRect originalFrame = webView.frame;  
  6.     webView.frame = CGRectMake(originalFrame.origin.x, originalFrame.origin.y, 320, defaultWebViewHeight);  
  7.       
  8.     CGSize actualSize = [webView sizeThatFits:CGSizeZero];  
  9.     if (actualSize.height <= defaultWebViewHeight) {  
  10.         actualSize.height = defaultWebViewHeight;  
  11.     }  
  12.     CGRect webViewFrame = webView.frame;  
  13.     webViewFrame.size.height = actualSize.height;  
  14.     webView.frame = webViewFrame;  
  15.       
  16. }  
singgol
关注
  • 0
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
iOS开发webView设置字体大小的方法
ny5168的专栏
06-17 1908
最近做一个新闻客户端的项目,被webview字体设置大小纠结了好久,查了网上的一点资料,也请教了别人,最后找到了一种解决的方法,也不知道以前的大牛是怎么解决的,我把我的方法拿出来,和大家分享一下        在设置字体的cell里定义的segmentedControl的方法 -(void)segmentedControl:(UISegmentedControl *)seg { sel
UIWebView控件中字体大小和字体样式的修改
08-31
在iOS开发中，UIWebView是苹果提供的一种用于展示网页内容的控件，它可以加载本地或远程的HTML资源。...但在旧版本的项目中，UIWebView仍然是一个可行的选择，理解如何调整其字体样式和大小依然很重要。
移动web开发，ios字体使用
ZuoYanDeHuangHun的专栏
04-11 745
由于支持Retina显示屏和抗锯齿技术，iPhone成为一种字体显示的理想平台。高质量的字体在iPhone显示屏上能获得非常漂亮的显示效果，这也能够让应用的UI锦上添花。 Apple在iOS上使用的是Helvetica字体，因此在我们设计的应用中也应该将其用作默认字体。不过，iOS同时也提供了其他几种字体供开发者使用。与普通Web环境中必须利用各种字体家族(font-family)来设定字体
iOS WebView修改字体、大小、颜色
liuxu0718的专栏
01-22 2681
webView本身没有属性去修改webView里内容的字体大小颜色等等.但是可以通过修改html代码进而实现. 先上代码.     self.webView = [[UIWebView alloc]initWithFrame:self.view.bounds];     NSString *htmlString = [NSString stringWithFormat:@"
iOS 修改webView字体大小,设置宽度及缩放效果
清墨初璃
02-13 9023
1.设置字体大小 -(void)webViewDidFinishLoad:(UIWebView *)webView { [webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('body')[0].style.webkitTextSizeAdjust= '40%'"];//修改百分比即可
iOS 修改WKwebView字体大小
f9999999995的博客
10-25 2947
一个代理方法就搞定了 _wkWebView.navigationDelegate = self; - (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation{ [ webView evaluateJavaScript:@"document.getEleme...
IOS应用源码之支持丰富文本样式的工具 .rar
07-10
在iOS应用开发中，丰富的文本样式是提升用户体验和界面美观度的重要手段。此资源包“IOS应用源码之支持丰富文本样式的工具 .rar”很可能包含了一套用于处理和展示富文本的工具或库，这对于iOS开发者来说是极具价值的...
IOS应用源码之支持丰富文本样式的工具.zip
06-21
在iOS应用开发中，支持丰富文本样式是提升用户体验的关键因素之一。这通常涉及到对文本的字体、颜色、大小、对齐方式、下划线、斜体、粗体等多维度的自定义。此压缩包“IOS应用源码之支持丰富文本样式的工具”可能...
IOS应用源码——支持丰富文本样式的工具.zip
10-14
在iOS开发中，创建具有丰富文本样式的应用是一个常见的需求，比如在新闻阅读、社交媒体或文本编辑类应用中，用户往往需要看到格式各异、颜色多样的文本。本资源提供了一个专门针对这一需求的iOS应用源码，它允许...
iOS源码之展示富文本的类库CMHTMLView .rar
07-13
2. **自定义样式**：类库允许开发者通过CSS来定制富文本的样式，这包括字体、颜色、对齐方式、行距等。开发者可以设置全局CSS样式，也可以针对特定的HTML标签进行个性化定制。 3. **交互支持**：`CMHTMLView` 支持...
UIWebView 控制页面 字体 大小
1097195326的专栏
05-18 1455
其一： - (void)webViewDidFinishLoad:(UIWebView *)webView {     // finished loading, hide the activity indicator in the status bar     [UIApplication sharedApplication].networkActivityIndicatorVisi
ios UIWebView加载HTML标签 适配字体,图片和文字大小
zhanglizhi111的博客
09-06 562
转载 最近公司需求，需要加载HTML标签，首选先来一段HTML标签 <p><span style="color: rgb(51, 51, 51); font-family: arial, 宋体, sans-serif; font-size: 14px; text-indent: 28px; background-color: rgb(255, 255, 255);">...
WebView如何引用本地字体
wangxumh520的博客
11-29 1325
步骤1：准备字体，后缀为ttf,otf格式。可以去绿斗堂字体网下载http://www.lvdoutang.com 步骤2：把字体拷贝到项目工程mian\assets\fonts目录下。 步骤3：在assets目录下创建.css文件。 参考格式： /** 微软雅黑 */ @font-face { font-family: 'Microsoft YaHei'; src: u...
iOS中通过设置CSS改变WebView字体大小，颜色，背景颜色
luobo140716的专栏
08-20 6309
因为WebView自带的属性是不可以改变字体大小颜色这些需求的，只能通过改变css样式，内置来解决。在百度上搜了半天很多不靠谱，现在给出几种解决方案如下: 1.第一种方式：在WebView的代理方法webViewDidFinishLoad中： 字体大小： [webView stringByEvaluatingJavaScriptFromString:@"document.getElements
ios开发使用UIWebView显示多种文档
code life
08-31 865
使用UIWebView显示多种文档   除了HTML的内容，UIWebView还可以显示多种类型的文档 包括以下的类型 ·        Excel (.xls) ·        Keynote (.key.zip) ·        Numbers (.numbers.zip) ·        Pages (.pages.zip) ·        PDF (.pdf) ·
iOS 设置UIWebView 展示字体大小，颜色，展示布局
保儿子博客
07-10 486
展示UIWebView的布局设置
iOS WKWebView 设置默认系统字体
Andy Coding
02-18 2608
一般来讲，苹果系统提供的控件的字体基本都是跟随系统，但是WKWebView却不是，可能是网页的兼容性有自己的考虑。现在我的App里只有WKWebView的字体不跟着系统走，视觉上很别扭，严格的UI设计师也不会通过。 笔者翻遍百度和stackoverflow也没找到WKWebView的默认字体是什么？如何修改成跟随系统倒是在stackoverflow找到？最后在国外大神的一遍文章里找到了答案，和大家一起分享。 By default, if you don’t specify a font family in
WebView的文字大小和富文本展示设置方法
qq_42818575的博客
10-21 1793
本片博客只是记录一下 , 本人平时常用到的一些功能 , 不深入说明请见谅 . 简单代码示意: webview字体大小的设置 private WebSettings settings; mJkjyMbzsDetailWebView = (WebView) findViewById(R.id.jkjy_mbzs_detail); //设置webView里字体大小 settings=mJkjyMbz...
iOS开发入门：UIWebView与网络交互实战指南
本教程以“iPhone开发入门”为主题，旨在帮助初学者了解并实践iOS应用开发中的关键技术和流程。其中主要涉及以下几个方面： 1. **创建UIWebView**：UIWebView是iOS SDK中用于在应用程序内部展示网页内容的组件。...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值