欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android顯示富文本+夜間深色模式

 更新時(shí)間:2022年01月12日 10:30:46   作者:讓開(kāi),我要吃人了  
大家好,本篇文章主要講的是Android顯示富文本+夜間深色模式,感興趣的同學(xué)趕快來(lái)看一看吧,對(duì)你有幫助的話記得收藏一下,方便下次瀏覽

前言

在工作中有遇到這樣的需求,需要把hmtl的富文本內(nèi)容,進(jìn)行深色模式適配。原先的富文本內(nèi)容是在直接在webview上進(jìn)行展示。

解決思路:替換html中的內(nèi)容色值。

方案一:

直接使用replace進(jìn)行字符串替換,當(dāng)時(shí)是去判斷、標(biāo)簽,例如下代碼

newText.replace("<p>", "<p><span style=\"color: rgb(51, 51, 51); background-color: rgb(255, 255, 255);\">")

存在問(wèn)題:

替換字符串存在很大的問(wèn)題,如果原本標(biāo)簽就是已有色值那就會(huì)出現(xiàn)問(wèn)題。所以我這邊還是尋找到另外一種方案。

方法二:

在assets中寫一個(gè)空白頁(yè)的html文件,html中實(shí)現(xiàn)createTable函數(shù),用于接收富文本內(nèi)容,加載到table標(biāo)簽中,然后在createTable中執(zhí)行標(biāo)簽識(shí)別,添加色值或者替換色值的操作。是否是深色主題的標(biāo)簽可以在Url上拼接獲取。

經(jīng)過(guò)測(cè)試該方面完美解決問(wèn)題,后續(xù)需求變得也方便添加和修改。下面貼上代碼:

<script type="text/javascript">
			var type = getQueryString('type');
 
			//獲取<body>標(biāo)簽,跟換背景
			if (type == 1) {
			    document.body.style.backgroundColor = "#1F1832";
			} else {
			    document.body.style.backgroundColor = "#F7F8F9";
			}
 
			function createTable(text) {
			        var table = document.getElementById("table");
			    //獲取<body>標(biāo)簽,跟換背景
			    table.innerHTML = text
			        //獲取p標(biāo)簽,插入添加內(nèi)容
			        var list = document.getElementsByTagName("P");
			    for (var i = 0; i < list.length; i++) {
			        var spans = list[i].getElementsByTagName("span");
			        var aTag = list[i].getElementsByTagName("a");
 
			        if (aTag.length > 0) {
			            for (var j = 0; j < aTag.length; j++) {
			                if (aTag[j].style.backgroundColor == "rgb(255, 255, 255)") {
			                    if (type == 1) {
			                        aTag[j].style.backgroundColor = "rgb(31, 24, 50)";
			                    } else {
			                        aTag[j].style.backgroundColor = "rgb(247, 248, 249)";
			                    }
 
			                }
			                if (aTag[j].style.color == "rgb(51, 51, 51)") {
			                    if (type == 1) {
			                        aTag[j].style.color = "rgb(251, 250, 255)";
			                    }
			                }
			            }
			        }
 
			        if (spans.length > 0) {
			            for (var j = 0; j < spans.length; j++) {
			                if (spans[j].style.backgroundColor == "rgb(255, 255, 255)") {
			                    if (type == 1) {
			                        spans[j].style.backgroundColor = "rgb(31, 24, 50)";
			                    } else {
			                        spans[j].style.backgroundColor = "rgb(247, 248, 249)";
			                    }
 
			                }
			                if (spans[j].style.color == "rgb(51, 51, 51)") {
			                    if (type == 1) {
			                        spans[j].style.color = "rgb(251, 250, 255)";
			                    }
			                }
			            }
			        } else {
			            if (type == 1) {
			                list[i].innerHTML = '<span style="color: rgb(251, 250, 255);">' + list[i].innerHTML;
			            } else {
			                list[i].innerHTML = '<span style="color: rgb(31, 24, 50);">' + list[i].innerHTML;
			            }
 
			        }
 
			    }
			    //獲取視頻標(biāo)簽,添加poster屬性
			    var videos = document.getElementsByTagName("video")
			        for (var i = 0; i < videos.length; i++) {
			            videos[i].setAttribute("poster", videos[i].src + '?x-oss-process=video/snapshot,t_1000,f_jpg')
			        }
 
			}
 
			function getQueryString(name) {
			    var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
			    var r = window.location.search.substr(1).match(reg);
			    if (r != null) {
			        return unescape(r[2]);
			    }
			    return 0;
			}
 
</script>

可以在這里寫好富文本 kindeditor.net/demo.php

富文本內(nèi)容:

       <p style="text-align:center;">
            	這
            </p>
            <p style="text-align:center;">
            	里
            </p>
            <p style="text-align:center;">
            	是
            </p>
            <p style="text-align:center;">
            	什
            </p>
            <p style="text-align:center;">
            	么
            </p>
            <p style="text-align:center;">
            	顏
            </p>
            <p style="text-align:center;">
            	色
            </p>
            <p style="text-align:center;">
            	?。?!
            </p>

演示效果:

1.png

2.png

總結(jié)

到此這篇關(guān)于Android顯示富文本+夜間深色模式的文章就介紹到這了,更多相關(guān)Android富文本內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • 解決Android自定義view獲取attr中自定義顏色的問(wèn)題

    解決Android自定義view獲取attr中自定義顏色的問(wèn)題

    這篇文章主要介紹了Android自定義view獲取attr中自定義顏色的問(wèn)題解決方法,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2020-12-12
  • Android中BroadcastReceiver案例講解

    Android中BroadcastReceiver案例講解

    今天小編就為大家分享一篇關(guān)于Android中BroadcastReceiver案例講解,小編覺(jué)得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來(lái)看看吧
    2019-03-03
  • Android中Activity的生命周期探討

    Android中Activity的生命周期探討

    這篇文章主要介紹了Android中Activity的生命周期探討,本文同時(shí)講解了銷毀Activity、暫停與恢復(fù)、停止與重啟Activity等內(nèi)容,需要的朋友可以參考下
    2014-10-10
  • Android編程之桌面小部件AppWidgetProvider用法示例

    Android編程之桌面小部件AppWidgetProvider用法示例

    這篇文章主要介紹了Android編程之桌面小部件AppWidgetProvider用法,結(jié)合具體實(shí)例形式分析了Android桌面組件AppWidgetProvider的功能、布局、權(quán)限設(shè)置等相關(guān)操作技巧,需要的朋友可以參考下
    2017-08-08
  • 怎樣才能導(dǎo)入別人的android項(xiàng)目不再報(bào)錯(cuò)

    怎樣才能導(dǎo)入別人的android項(xiàng)目不再報(bào)錯(cuò)

    每次看到好的項(xiàng)目都想拿過(guò)來(lái)看看源碼,可是導(dǎo)入以后各種報(bào)錯(cuò)怎么辦?源碼有問(wèn)題嗎?有這種可能,但更多的可能性是你沒(méi)有正確導(dǎo)入這個(gè)項(xiàng)目
    2021-08-08
  • Android倒計(jì)時(shí)神器(CountDownTimer)

    Android倒計(jì)時(shí)神器(CountDownTimer)

    這篇文章主要為大家詳細(xì)介紹了Android倒計(jì)時(shí)神器CountDownTimer,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-01-01
  • Android自定義View繪制貝塞爾曲線的方法

    Android自定義View繪制貝塞爾曲線的方法

    這篇文章主要為大家詳細(xì)介紹了Android自定義View繪制貝塞爾曲線的方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-06-06
  • GridView實(shí)現(xiàn)桌面圖標(biāo)顯示案例

    GridView實(shí)現(xiàn)桌面圖標(biāo)顯示案例

    這篇文章主要為大家詳細(xì)介紹了GridView實(shí)現(xiàn)桌面圖標(biāo)顯示案例,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-08-08
  • Android利用MediaRecorder實(shí)現(xiàn)錄音功能

    Android利用MediaRecorder實(shí)現(xiàn)錄音功能

    這篇文章主要為大家詳細(xì)介紹了Android利用MediaRecorder實(shí)現(xiàn)錄音功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-03-03
  • 阿里路由框架ARouter 源碼解析之Compiler

    阿里路由框架ARouter 源碼解析之Compiler

    這篇文章主要介紹了阿里路由框架ARouter 源碼解析之Compiler,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2018-07-07

最新評(píng)論