您的位置:首页 > 汽车 > 新车 > 安卓AppBarLayout与ViewPager2里的fragment里的webview滑动冲突

安卓AppBarLayout与ViewPager2里的fragment里的webview滑动冲突

2024/10/6 0:33:23 来源:https://blog.csdn.net/qq_42331921/article/details/141647042  浏览:    关键词:安卓AppBarLayout与ViewPager2里的fragment里的webview滑动冲突

今天开发遇见一个头痛的问题,就是AppBarLayout和webview会存在一个冲突问题。如图下

问题出现在webview推到顶端的时候,AppBarLayout并不会跟着响应伸缩,解决办法是 在 webview 包 一个 父的 NestedScrollView 就能解决了。

运行效果入下

更改后的效果 就很丝滑,效果如上

贴出 xml 代码,仅限参考

<androidx.coordinatorlayout.widget.CoordinatorLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"tools:context=".view.ui.unittype.empireIntroduction.EmpireIntroductio2Activity"><com.google.android.material.appbar.AppBarLayoutandroid:id="@+id/app_bar"android:layout_width="match_parent"android:layout_height="200dp"><com.google.android.material.appbar.CollapsingToolbarLayoutandroid:id="@+id/collapsing"android:layout_width="match_parent"android:layout_height="match_parent"android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"app:layout_scrollFlags="scroll|exitUntilCollapsed"><ImageViewandroid:id="@+id/iv_image"android:layout_width="match_parent"android:layout_height="match_parent"android:scaleType="centerCrop"app:layout_collapseMode="parallax" /><androidx.appcompat.widget.Toolbarandroid:id="@+id/toolbar"android:layout_width="match_parent"android:layout_height="?attr/actionBarSize"app:layout_collapseMode="pin"><ImageViewandroid:id="@+id/imagebutton_finsh"android:layout_width="25dp"android:layout_height="25dp"android:src="@drawable/ic_back_white"/><TextViewandroid:id="@+id/text_title"android:layout_width="wrap_content"android:layout_height="wrap_content"tools:text="test"android:textColor="@color/white"android:textSize="18dp" /></androidx.appcompat.widget.Toolbar></com.google.android.material.appbar.CollapsingToolbarLayout></com.google.android.material.appbar.AppBarLayout><LinearLayoutandroid:orientation="vertical"android:layout_width="match_parent"android:layout_height="match_parent"app:layout_behavior="@string/appbar_scrolling_view_behavior"><com.google.android.material.tabs.TabLayoutandroid:id="@+id/tabLayout"android:layout_width="match_parent"android:layout_height="wrap_content" /><androidx.viewpager2.widget.ViewPager2android:id="@+id/myViewPager"android:layout_width="match_parent"android:layout_height="match_parent" /></LinearLayout></androidx.coordinatorlayout.widget.CoordinatorLayout>

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com