美文网首页
webView内嵌布局的心得

webView内嵌布局的心得

作者: 耽于幽夜 | 来源:发表于2018-06-14 16:36 被阅读0次

本文就实际开发中的一个需求进行分析

给webview添加头视图

方法1:添加观察者,对webview中的scrollview的偏移量进行观察,并在代理中进行相应操作。

方法2:将子页面的父视图变为webview的scrollview的contentview;具体操作如下

图1

如图1可以看出webview上的页面布局全是放在WKContentView上的。所以我们只要对其进行响应的操作就好。

但是WKContentView是私有的变量,外部不能够直接访问。所以我们使用图2的方法获取WKContentView。

图2

在获取到WKContentView后,更改其在scrollview上的坐标。然后把自定义的头视图加在scrollview上就搞定了。

图3

方法2相较于方法一来说不但代码上简洁,还会省掉观察者代理方法中对内存的消耗。

本文用的web框架是WKWebView; 如果使用的是UIWebView的话,只需要将图2中的WKContentView改成UIWebBrowserView就行了

效果图如下

相关文章

  • webView内嵌布局的心得

    本文就实际开发中的一个需求进行分析 给webview添加头视图 方法1:添加观察者,对webview中的scrol...

  • webview 渲染机制:硬件加速方式渲染的Android We

    webview 渲染是什么? webview 渲染是用于展现web页面的控件; webview 可以内嵌在移动端,...

  • BottomSheetBehavior 子WebView滑动冲突

    内嵌一个 WebView 时,希望 WebView 处理所有手势,IndicatorView 响应滑动。很奇怪的是...

  • WebView

    一、WebView WebView就是一个内嵌浏览器控件,在iOS中主要有两种WebView:UIWebView和...

  • iOS学习笔记14-网络(三)WebView

    一、WebView WebView就是一个内嵌浏览器控件,在iOS中主要有两种WebView:UIWebView和...

  • Android中的WebView详解

    Android中的WebView详解 WebView详解 基本用法 布局文件配置WebView WebView加载...

  • WebView

    布局中创建 WebView 控件: 使用 WebView 控件: 调用 WebView 的** getSettin...

  • Android H5 js webView初体验

    Android及iOS的webview的引擎都是webkit,对H5提供支持.WebView可以使得网页轻松的内嵌...

  • APP内嵌webview开发

    webview使用系统原生音频播放器时 在退出webview页面时音频仍会继续播放的问题处理 在webview页面...

  • webview

    WebView可以使得网页轻松的内嵌到app里,还可以直接跟js相互调用。 webview有两个方法:setWeb...

网友评论

      本文标题:webView内嵌布局的心得

      本文链接:https://www.haomeiwen.com/subject/wgpyeftx.html