CoordinatorLayout中使用WebView冲突

最新推荐文章于 2023-05-11 15:25:03 发布
最新推荐文章于 2023-05-11 15:25:03 发布
阅读量1.3k 收藏 3
点赞数
分类专栏： Android开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mq2856992713/article/details/78574444
版权

最近在项目中使用到了CoordinatorLayout和AppBarLayout，主要是为了实现当向上滑动的时候顶部部分布局隐藏，但是对于下方布局是RecycleView时没有问题，但是如果下方布局是WebView时，则会出现向上滑动的时候，顶部布局无法隐藏，可以滑动的仅仅是WebView自身。

RecycleView和WebView都是可以滚动的视图，为什么WebView不能和CoordinatorLayout协同工作呢？

这是因为WebView没有实现NestedScrollingChild，WebView在谷歌的材料设计库中并不支持CoordinatorLayout滚动技术，也就是说CoordinatorLayout不支持和WebView协同使用。

解决办法：

1.在WebView外层套上NestedScrollView

2.重写WebView实现NestedScrollingChild

以下是GitHub上两个实现了NestedScrollingChild的WebView

webview-in-coordinatorlayout

NestedScrollWebView

殇神马
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
自定义嵌套滚动WebView（协调者布局中使用）
11-23
实现NestedScrollingChild接口的WebView------NestedScrollWebView，可以在协调者布局中使用，需要设置app:layout_behavior="@string/appbar_scrolling_view_behavior"
Webview+AppbarLayout上下滑动冲突
KWMax
09-03 1312
当AppBarLayout和Webview共同使用时，会出现一个问题，AppBarLayout无法折叠了，Webview只能在较小的固定区域内上下滑动，可以理解为两者上下滑动冲突了。
CoordinatorLayout嵌套各种控价滑动冲突问题整理
kym469148245的博客
01-13 953
1.CoordinatorLayout嵌套RecyclerView滑动冲突 //横向滑动的recyclerView设置它即可 rv.setNestedScrollingEnabled(false); 2.CoordinatorLayout嵌套webview 解决方案1，在webview外层套上一个NestedScrollView 解决方案2重写webview实现 参考博客：https://blog.csdn.net/jjj11223344/article/details/8000730...
解决coordinatorlayout嵌套webView遇到的问题
奋斗的小菜鸡的博客
07-21 4023
一、介绍 在符合material desin设计中，我们的内容详情页通常会需要webview实现NestedScrollingChild那样的功能，原生webview不支持，但是嵌套在NestedScrollView里面，我们加载网页内部的很多js功能都无法实现了，只能通过自定义webview实现NestedScrollingChild接口来实现。 国外的大神Tobias Rohloff
CoordinatorLayout嵌套WebView滑动冲突
就酱的博客
04-19 3794
当我们使用 CoordinatorLayout 嵌套WebView的时候，我们会发现只有WebView在滑动，而外层 CoordinatorLayout 并没有联动。这是因为WebView没有实现NestedScrollingChild，WebView在谷歌的材料设计库中并不支持CoordinatorLayout滚动技术，也就是说CoordinatorLayout不支持和WebView协同使用。解...
[WebView] - Coordinator layout 和 WebView
WxSmile
03-27 3185
一、概述我们知道， android-design-support-library 中 CoordinatorLayout提供了对子视图之间的触摸事件的额外级别的控制，这是设计库中许多组件利用的东西。比如floating action buttons、the app bar、Collapsing Toolbars。 其中CoordinatorLayout and the app bar涉及了引用程序
解决CoordinatorLayout嵌套WebView，无法添加NestedScrollView,导致滑动冲突
songqindong
05-11 638
最近在项目中使用到了CoordinatorLayout和AppBarLayout，主要是为了实现当向上滑动的时候顶部部分布局隐藏，但是对于下方布局是RecycleView时没有问题，但是我们下方使用的是TabLayout+ViewPager，并且Fragment中使用的是WebView.其根本原因是：WebView在谷歌的材料设计库中并不支持CoordinatorLayout滚动技术，也就是说CoordinatorLayout不支持和WebView协同使用。
Android ScrollView嵌套Webview(实际使用CoordinatorLayout嵌套Webview实现需求，效果都差不多)
潇潇
12-25 4106
2019-5-15补充说明： 1.在build.gradle加入 implementation 'com.android.support:appcompat-v7:27+' implementation 'com.android.support:support-v4:27+' implementation 'com.android.support:design:27+' ...
Android中【下拉刷新/上拉加载】WebView网页控件,Snackbar+CoordinatorLayoutt提示框（指定位置显示的提示框）
风吹草低见牛羊
09-20 1956
工作内容： 1.项目中实现下拉刷新，上拉加载 2.WebView的使用【支持javascript】 3.Snackbar+CoordinatorLayoutt提示框 学习分享： 一、项目中实现下拉刷新，上拉加载 1.下拉刷新 实现步骤： 二、WebView的使用【支持javascript】 三、Snackbar+CoordinatorLayoutt提示框
【使用篇】WebView 实现嵌套滑动，丝滑般实现吸顶效果，完美兼容 X5 webview
徐公，微信公众号同名
09-20 948
最近项目在开发中，需要实现 WebView 吸顶的效果。刚开始在 Demo 实现的时候，使用的是普通的 WebView。切换到项目的时候，由于使用的是 X5 WebView，在解决过程中。说到嵌套滑动，很多人第一时间都会想到 CoordinatorLayout behavior ，但是 webview 本身并不是 NestedScrollChild 的，无法实现。具体的实现原理，可以参照我的这一篇博客。第一种方式，使用我封装好的 NestedX5WebView，在布局文件中指定 behavior。
Android 中 CoordinatorLayout + AppBarLayout 实现滑动头部悬停效果（页面附带TabLayout + ViewPager + RecyclerView结构）
01-03
序 昨晚经历了美股本月的第三次熔断 ，有史以来的第四次熔断 。 突 。 突突 。。突突突 。。。 很尴尬 ，找不到做 gif 的东西 。怎么办呢 。（找了好久 ，在手机上下载了一个  GIF 动图制作） AppbarLayout 回顾 我记得 16 、17年的时候这个效果在很多 APP 上都有出现 。之前写过demo ，然后一直也没机会在项目中使用 。 实现类似的效果 ，主要是使用三个控件相结合 CoordinatorLayout 、AppbarLayout 、NestedScrollView 。 AppbarLayout 是一种支持响应滚动手势的 app bar 布局 , Collapsi
Android 之WebView实现下拉刷新和其他相关刷新功能
04-14
WebView实现下拉刷新功能和其他控件下拉刷新功能，博客地址：http://blog.csdn.net/dickyqie/article/details/70170855
Android 使用CoordinatorLayout实现滚动标题栏效果的实例
08-31
下面小编就为大家带来一篇Android 使用CoordinatorLayout实现滚动标题栏效果的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Unity WebView中文输入支持
09-08
Unity WebView中文输入支持 1.利用ugui进行替代输入. 2.效果展示：https://blog.csdn.net/qq_26318597/article/details/132760284. 3.测试版本：unity 2022.3.15f1c1、WebView_4.4 4.支持Game分辨率与Canvas分辨率...
Android中webview使用的一些坑
08-27
主要给大家介绍了关于Android中webview使用的一些坑，通过一下总结的这些内容，对大家学习或者使用webview具有一定的参考学习价值，文中通过示例代码介绍的非常详细，需要的朋友可以参考下
Android 中ViewPager中使用WebView的注意事项
08-29
主要介绍了Android 中ViewPager中使用WebView的注意事项的相关资料,希望通过本文大家在使用过程中遇到这样的问题解决，需要的朋友可以参考下
uniapp 使用webView通讯
04-04
uniapp 使用webView通讯
Android中实现延时执行操作的几种方法
热门推荐
殇神马的博客
07-23 11万+
在Android开发中我们可能会有延时执行某个操作的需求，例如我们启动应用的时候，一开始呈现的是一个引导页面，过了两三秒后，会自动跳转到主界面。这就是一个延时操作。 下面是实现延时执行操作的几种方法：**1.使用线程的休眠实现延时操作** new Thread() { @Override public void run() {
Android 直播礼物动画实现之SVGA动画
殇神马的博客
09-07 2万+
在最近做的直播项目中，产品要求发送礼物时，需要显示对应的礼物动画,其中几个礼物动画效果如下： 看了这几个动画效果，是挺炫酷的，妥妥的能够增加用户体验，但是实现起来可就没那么容易了。 Android中动画实现方案，主要有以下几种： （1）Frame Animation（逐帧动画） （2）Tween Animation (补间动画) （3）Property Animation(属...
android studio 中使用webview
最新发布
11-08
在Android Studio中使用WebView可以实现在应用程序中显示网页。可以通过以下步骤在Android Studio中使用WebView： 1. 在XML布局文件中添加WebView组件。 2. 在Java代码中获取WebView组件的引用。 3. 使用WebView组件...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值