iOS 中webview加載網(wǎng)頁的過程中出現(xiàn)黑邊,但加載完成后就正常

黑邊情況
圖層結(jié)構(gòu)顯示UIWebBrowserView問題

透明H5(webView)效果的實現(xiàn)
一個完全透明的webView加載H5頁面的效果的實現(xiàn),就相當(dāng)于是一個半透明的遮罩層,上面有一個不透明的圖片,一般原生的帶遮罩層的彈框會采用這種方式,如果是原生代碼實現(xiàn),就簡單的多了,視圖的疊加就可以搞定,但如果整個頁面包括遮罩層都要用webView加載H5來實現(xiàn)的話,就會有點兒復(fù)雜,這一效果還是花費(fèi)了好一番功夫,在實際的開發(fā)過程中,發(fā)現(xiàn)了webView從未接觸過的奇妙的一面:_UIWebViewScrollView、UIWebBrowserView。
起初,是要設(shè)置webView的顏色和透明度(不是整體的alpha),但是發(fā)現(xiàn)無論怎么操作都不可以,中間的那部分區(qū)域也無法改變顏色;于是使用下面遞歸的方式輸出了WebView中所有繼承于UIView的子視圖;

輸出結(jié)果:

WebView 的子視圖 : Optional(_UIWebViewScrollView)

WebView 的子視圖 : Optional(UIWebBrowserView)

結(jié)果就發(fā)現(xiàn)了兩個類:_UIWebViewScrollView、UIWebBrowserView;這是兩個從來沒見過的類,但是從名字也大致能看出來在什么位置;但是我很奇怪的是為什么沒有UIScrollView,或者還是這個_UIWebViewScrollView事實上和我們直接調(diào)用的webView.scrollView有著什么聯(lián)系,但是webView的scrollView屬性繼承于UIScrollView,UIScrollView繼承于UIView,中間的繼承關(guān)系中也并未出現(xiàn)_UIWebViewScrollView;這也是我疑惑的地方;

_UIWebViewScrollView并不是webView中類型為UIScrollView的屬性scrollView中的,而是構(gòu)成webView的一個子視圖;

UIWebBrowserView是在_UIWebViewScrollView上面的一個子視圖;如果傳入?yún)?shù)是webView.scrollView而不是webView,就會發(fā)現(xiàn)只有UIWebBrowserView輸出了,也就是說事實上UIWebBrowserView是webView的屬性scrollView上的一個子視圖
這個關(guān)系理清楚之后就知道為什么設(shè)置不了webView的clearColor了,只要使用遞歸設(shè)置這兩個子視圖的背景色為clearColor,同時,設(shè)置

webView.opaque = false就OK了;當(dāng)然,主要的一點還有加載的H5頁面也要直接使用div做成透明的,沒有背景body.


解決方案:

  _webView.opaque = NO;
  _webView.backgroundColor = [UIColor whiteColor];

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 透明H5(webView)效果的實現(xiàn) 一個完全透明的webView加載H5頁面的效果的實現(xiàn),就相當(dāng)于是一個半透明的...
    王玉朝閱讀 642評論 0 2
  • Swift1> Swift和OC的區(qū)別1.1> Swift沒有地址/指針的概念1.2> 泛型1.3> 類型嚴(yán)謹(jǐn) 對...
    cosWriter閱讀 11,629評論 1 32
  • IOS之UIWebView的使用 剛接觸IOS開發(fā)1年多,現(xiàn)在對于 混合式 移動端開發(fā)越來越流行,因為開發(fā)成本上、...
    學(xué)無止境666閱讀 46,002評論 5 53
  • OS之UIWebView的使用 剛接觸IOS開發(fā)1年多,現(xiàn)在對于 混合式 移動端開發(fā)越來越流行,因為開發(fā)成本上、速...
    知之未道閱讀 1,711評論 0 4
  • 陽氣不足容易使人精神不振、消沉,容易筋骨關(guān)節(jié)疼痛僵硬、痛經(jīng)、月經(jīng)延后、不育不孕、水腫、畏寒怕冷以及得各種痛癥等,也...
    昌悟道閱讀 22,671評論 0 1

友情鏈接更多精彩內(nèi)容