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

出現(xiàn)的問題


圖層結構顯示UIWebBrowserView問題

透明H5(webView)效果的實現(xiàn)

一個完全透明的webView加載H5頁面的效果的實現(xiàn)禁熏,就相當于是一個半透明的遮罩層叨咖,上面有一個不透明的圖片,一般原生的帶遮罩層的彈框會采用這種方式荣恐,如果是原生代碼實現(xiàn)沟蔑,就簡單的多了,視圖的疊加就可以搞定矫膨,但如果整個頁面包括遮罩層都要用webView加載H5來實現(xiàn)的話差凹,就會有點兒復雜,這一效果還是花費了好一番功夫侧馅,在實際的開發(fā)過程中危尿,發(fā)現(xiàn)了webView從未接觸過的奇妙的一面:_UIWebViewScrollView、UIWebBrowserView施禾。

起初脚线,是要設置webView的顏色和透明度(不是整體的alpha),但是發(fā)現(xiàn)無論怎么操作都不可以弥搞,中間的那部分區(qū)域也無法改變顏色邮绿;于是使用下面遞歸的方式輸出了WebView中所有繼承于UIView的子視圖;

輸出結果:

WebView 的子視圖 : Optional(_UIWebViewScrollView)

WebView 的子視圖 : Optional(UIWebBrowserView)

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

_UIWebViewScrollView并不是webView中類型為UIScrollView的屬性scrollView中的,而是構成webView的一個子視圖凹髓;

UIWebBrowserView是在_UIWebViewScrollView上面的一個子視圖烁登;如果傳入?yún)?shù)是webView.scrollView而不是webView,就會發(fā)現(xiàn)只有UIWebBrowserView輸出了蔚舀,也就是說事實上UIWebBrowserView是webView的屬性scrollView上的一個子視圖

這個關系理清楚之后就知道為什么設置不了webView的clearColor了饵沧,只要使用遞歸設置這兩個子視圖的背景色為clearColor,同時赌躺,設置

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

解決方案:

_webView.opaque = NO;

_webView.backgroundColor= [UIColor whiteColor];

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末是钥,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子讶泰,更是在濱河造成了極大的恐慌咏瑟,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,185評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件痪署,死亡現(xiàn)場離奇詭異码泞,居然都是意外死亡,警方通過查閱死者的電腦和手機狼犯,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,652評論 3 393
  • 文/潘曉璐 我一進店門余寥,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人悯森,你說我怎么就攤上這事宋舷。” “怎么了瓢姻?”我有些...
    開封第一講書人閱讀 163,524評論 0 353
  • 文/不壞的土叔 我叫張陵祝蝠,是天一觀的道長。 經(jīng)常有香客問我,道長绎狭,這世上最難降的妖魔是什么细溅? 我笑而不...
    開封第一講書人閱讀 58,339評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮儡嘶,結果婚禮上喇聊,老公的妹妹穿的比我還像新娘。我一直安慰自己蹦狂,他們只是感情好誓篱,可當我...
    茶點故事閱讀 67,387評論 6 391
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著凯楔,像睡著了一般窜骄。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上啼辣,一...
    開封第一講書人閱讀 51,287評論 1 301
  • 那天啊研,我揣著相機與錄音御滩,去河邊找鬼鸥拧。 笑死,一個胖子當著我的面吹牛削解,可吹牛的內(nèi)容都是我干的富弦。 我是一名探鬼主播,決...
    沈念sama閱讀 40,130評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼氛驮,長吁一口氣:“原來是場噩夢啊……” “哼腕柜!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起矫废,我...
    開封第一講書人閱讀 38,985評論 0 275
  • 序言:老撾萬榮一對情侶失蹤盏缤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后蓖扑,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體唉铜,經(jīng)...
    沈念sama閱讀 45,420評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,617評論 3 334
  • 正文 我和宋清朗相戀三年律杠,在試婚紗的時候發(fā)現(xiàn)自己被綠了潭流。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,779評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡柜去,死狀恐怖灰嫉,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情嗓奢,我是刑警寧澤讼撒,帶...
    沈念sama閱讀 35,477評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響根盒,放射性物質(zhì)發(fā)生泄漏瞻颂。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,088評論 3 328
  • 文/蒙蒙 一郑象、第九天 我趴在偏房一處隱蔽的房頂上張望贡这。 院中可真熱鬧,春花似錦厂榛、人聲如沸盖矫。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,716評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽辈双。三九已至,卻和暖如春柜砾,著一層夾襖步出監(jiān)牢的瞬間湃望,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,857評論 1 269
  • 我被黑心中介騙來泰國打工痰驱, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留证芭,地道東北人。 一個月前我還...
    沈念sama閱讀 47,876評論 2 370
  • 正文 我出身青樓担映,卻偏偏與公主長得像废士,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子蝇完,可洞房花燭夜當晚...
    茶點故事閱讀 44,700評論 2 354

推薦閱讀更多精彩內(nèi)容