设置WebView字体颜色，背景颜色

上次总结了一下WebView更改字体大小的帖子，这次在加点料，索性把webView的字体颜色和背景颜色都设置一下。现在的App大多数支持日夜间模式的切换，对于新闻阅读类的App，更改WebView的日夜间模式，显得尤为重要。更改字体颜色，主要的思想是在WebView加载的Data的外面，加载了一个模板，然后根据用户日夜间模式切换的点击事件，更改WebView的字体颜色。其实这里例子懂了之后，以后对于WebView的界面处理，就简单很多。都是加载模板，更改里面的内容。有的服务器返回的data格式，在手机上显得很格格不入，那样的话就需要，在处理后的data上，再加一个正则表达式的过滤了，详细需要过滤的，还得根据不同情况，查询不同的过滤规则。言归正传，先说说这个更改字体颜色的核心代码。

private String initContent(String content, boolean night, boolean flag) {
try {
InputStream inputStream = getResources().getAssets().open(
"discover.html");
BufferedReader reader = new BufferedReader(new InputStreamReader(
inputStream), 16 * 1024);
StringBuilder sBuilder = new StringBuilder();
String line = null;
while ((line = reader.readLine()) != null) {
sBuilder.append(line + "\n");
}
String modelHtml = sBuilder.toString();
inputStream.close();
reader.close();String contentNew = modelHtml.replace(
"<--@#$%discoverContent@#$%-->", content);
if (night) {
contentNew = contentNew.replace("<--@#$%colorfontsize2@#$%-->",
"color:#8f8f8f ;");
} else {
contentNew = contentNew.replace("<--@#$%colorfontsize2@#$%-->",
"color:#333333 ;");
}
if (flag) {
contentNew = contentNew.replace(
"<--@#$%colorbackground@#$%-->", "background:#B4CDE6");
} else {
contentNew = contentNew.replace(
"<--@#$%colorbackground@#$%-->", "background:#F9BADA");
}
return contentNew;} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return null;
}

通过这段代码，就可以设置更改字体颜色，和背景色。另再附上一个简单的模板，仅供参考。

<html><head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport"
content="width = device-width, initial-scale = 1, minimum-scale = 1, maximum-scale = 1" />
<title></title>
<link href="newscont.css" type="text/css" rel="stylesheet"></link>
</head><body style="" data-webview-width="{{webview_width}}"
data-webview-height="{{webview_height}} ">
<div id="content" class="main fontSize1">
<p class="title" align="center" id="title"
style="font-family: 'Microsoft YaHei';">
<!-- 标题 -->
</p>
<div>
<span class="src" id="source" style="font-family: 'Microsoft YaHei';">
<!-- 来源 --> </span></div>
<div id="discoverContent"
style="margin-top: 10px; <--@#$%colorbackground@#$%-->;border-top: 0px solid #cbcbcb; font-family: 'Microsoft YaHei'; <--@#$%colorfontsize2@#$%-->; width: 100%; height: auto"
>
<!-- 正文 -->
<--@#$%discoverContent@#$%--></div>
</div>
</body><script language="javascript" src="jquery.js" charset="utf-8"></script>
<script src="jquery.lazyload.js" type="text/javascript" charset="utf-8"></script>
<script src="newscont.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
function addlist(listStr) {
var elem = document.getElementById("recommand-list");
elem.innerHTML = listStr;
}
$(document).ready(function() {tna.adjustImageSize();$("img").lazyload({
effect : "fadeIn"
});
});</script>
</html>

转载请注明出处http://blog.csdn.net/lxm20819/article/details/51121461

设置WebView字体颜色，背景颜色相关推荐

Pycharm设置开发模板/字体大小/背景颜色 - Python零基础入门教程
目录一.Pycharm 设置字体大小/风格二.Pycharm 设置背景颜色三.Pycharm 设置开发模板四.猜你喜欢零基础 Python 学习路线推荐 : Python 学习目录 > ...
设置ListCtrl列表控件其中某一行的字体和背景颜色
设置ListCtrl列表控件其中某一行的字体和背景颜色,可以最终达到如下效果: 操作步骤如下所示: 1.先添加一个自定义消息 ON_NOTIFY ( NM_CUSTOMDRAW,IDC_V_H264_ ...
python3-xlwt-Excel设置表格基础(字体颜色背景颜色设置边框边框颜色冻结窗口字体大小字体高度字体加粗下划线斜体字单元格对齐方式自动换行删除线超链接插入公式)
文章目录引入xlwt和创建workboos对象初始化样式和创建设置字体,赋值给style 保存文件自定义样式字体颜色背景颜色设置边框边框颜色冻结窗口字体大小字体高度字体加粗下划 ...
设置goland的主题、字体和背景颜色
goland是一个专门用来进行go语言开发的IDE,使用非常方便.下面介绍goland 2020里的主题与字体设置. 1.主题设置推荐使用Darcula主题,该主题的颜色对比度清晰. ...
python shell怎么调字体_linux BASH shell下设置字体及背景颜色
BASH shell下设置字体及背景颜色 echo -e "\e[31mtest\e[41m" \e[30m 将字符的显示颜色改为黑色 \e[31m 将字符的显示颜色改为红色 \e ...
linux命令行界面颜色配置,如何配置Linux命令行的字体和背景颜色
我们使用Linux的时候,经常需要使用命令行.Linux命令行的背景默认是白色的,字体默认是黑色,14像素的.那么我们如何根据自己的喜好配置Linux命令行的字体和背景颜色呢?下面小编给大家分享一下. ...
centos7字体颜色改变_Linux改变字体和背景颜色
改变Linux 字体和背景颜色 -------------------------------------------------------------------------------- 改变L ...
android中在java代码中设置Button按钮的背景颜色
android中在java代码中设置Button按钮的背景颜色 1.设置背景图片,图片来源于drawable: flightInfoPanel.setBackgroundDrawable(getRes ...
linux shell字体大小,改变Linux Shell中的字体和背景颜色
使用Linux的朋友一定熟悉文本界面上的黑底白字和X上的白底黑字,这两种颜色可以说是经典的搭配,清晰明了.但是你也可以根据自己的喜好使字体和背景换个颜色. 下面我介绍一下RedHat的字体和背景颜色的 ...

设置WebView字体颜色，背景颜色

设置WebView字体颜色，背景颜色相关推荐

最新文章

热门文章