UIWebView頭尾插入自定義View

** 前言 **

最近在做郵箱,我們知道郵箱的內(nèi)容實際上就是html,所以我們可以用webView來顯示郵件內(nèi)容。但是我們不僅要顯示郵件內(nèi)容,還需要顯示郵件主題、收件人等信息,也需要在價位顯示附件等信息。所以我們需要郵件頭部信息的View,郵件內(nèi)容的View,附件的View。

一、分析UIWebView

通過分析UIWebView,它包含三個subView:兩個UIImageView和一個UIWebBrowserView。UIImageView主要用于實現(xiàn)上下的邊界后面的陰影效果,如果你想把這些陰影效果去掉,可以使這些UIImageView的對象設(shè)置為hidden隱藏掉。UIWebBrowserView便是渲染網(wǎng)頁內(nèi)容的地方了。

當(dāng)網(wǎng)頁在加載的過程中,UIWebBrowserView會動態(tài)的根據(jù)網(wǎng)頁內(nèi)容的高度去調(diào)整ScrollView的ContentSize。

二、實現(xiàn)headerView和footerView

辦法一:

可以通過設(shè)webview里scrollView的contentInset,在頭部和尾部留好自定義view的空間,再把view添加進(jìn)來。

把這些行為封裝了起來做成一個擴展的UIWebView,主要解決的問題是:

1.直接通過設(shè)headerView和footerView完成頭尾view的插入。

2.webView滾動和縮放時自動調(diào)整headerView和footerView的位置,使之看起來自然。

3.提供接口實現(xiàn)頭部高度改變時進(jìn)行動畫

這里需要注意的是:設(shè)置contentInset后,webview頂點的Y坐標(biāo)不是0,而是小于0的一個數(shù)(負(fù)的headerView的高度) 。

封裝好的Demo

辦法二:

待續(xù)。。。

參考

最后編輯于
?著作權(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)容

  • UIWebView用于在App中嵌入網(wǎng)頁內(nèi)容,通常情況下是html格式的網(wǎng)頁,也支持pdf, word等文檔。 首...
    fankang閱讀 2,155評論 0 1
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,397評論 4 61
  • IOS之UIWebView的使用 剛接觸IOS開發(fā)1年多,現(xiàn)在對于 混合式 移動端開發(fā)越來越流行,因為開發(fā)成本上、...
    學(xué)無止境666閱讀 46,011評論 5 53
  • 原來你是我最想留住的幸運 ...
    荒蕪十三閱讀 273評論 0 0

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