androidviewpager嵌套

Ⅰ android ViewPager 嵌套SurfaceView切换时卡顿黑屏怎么处理

很高兴为您解答这个问题，因为我几个月之前也遇到过！
我当时是在打开侧边抽屉的时候发生黑屏现象。
最后发现在界面发生跳转时，SurfaceView总是一片黑，我的解决方案：
在SurfaceView下面布局一个同样大小的ImageView，当监听到ViewPager滑动事件时，将SurfaceView显示部分保存为BitMap，显示到IMageView，SurfaceView.setVisibility(View.GONE);
滑动回后，再将SurfaceView.setVisibility(View.VISIBLE);

Ⅱ Android流行UI布局——底部导航（BottomNavigationView+ViewPager+Fragment）

Android端底部导航栏介绍

Android应用中底部导航栏的设计广泛运用，如微信、微博、支付宝等。这一设计不仅借鉴了iOS的优点，也是为了提升用户体验。在Android开发中，底部导航栏有着特定的实现规范。

本文旨在提供如何使用官方BottomNavigationView、结合ViewPager和Fragment实现流行UI布局的详细指南。同时，文中还将解决使用反射解决ViewPager与BottomNavigationView侧滑联动时的一个小问题。

最终实现效果展示如下：通过BottomNavigationView与ViewPager的结合，可以实现左右滑动切换，类似于微信的布局，或点击切换，如支付宝的布局。

首先，新建项目并导入support:design库，其中包含BottomNavigationView控件。同时，导入V4包以支持ViewPager组件。

然后，在res目录下创建menu文件夹并添加菜单。根据需要创建相应的菜单项。

接下来，进行布局文件的编写。应用BottomNavigationView时，设置其属性如`app:itemIconTint`和`app:itemTextColor`来实现icon和文字的颜色切换。

在activity文件中，实例化控件并添加监听事件。实现BottomNavigationView与ViewPager、Fragment的集成，完成流行布局。

在实现过程中，可能会遇到BottomNavigationView默认的放大的ShiftingMode效果与需要的侧滑切换不匹配的问题。为了解决这一问题，引入了反射机制，通过反射操作BottomNavigationMenuView来控制切换行为。

通过实例化BottomNavigationView并调用特定代码，可以自定义切换效果，避免默认的放大问题。若无需侧滑切换，可直接使用默认效果。在处理禁止滑动情况时，通过为ViewPager添加`setOnTouchListener`接口并在`onTouch`方法中消费点击事件来实现。

测试结果显示，BottomNavigationView与ViewPager、Fragment的结合实现了流畅的左右滑动和点击切换效果，为用户提供更佳的用户体验。相关代码实现和源码可供参考，欢迎交流学习。

Ⅲ Android ViewPager2 + TabLayout + BottomNavigationView

在Android中，集成ViewPager2、TabLayout和BottomNavigationView可以实现类似今日头条的顶部滑动Tab功能，具体实现步骤如下：

1. 布局设计：

   • 在Activity的布局文件中，添加BottomNavigationView和FragmentContainerView，以构建界面的基础结构。
   • 确保BottomNavigationView的菜单项引用已定义的资源。

2. 创建TabLayoutHomeFragment：

   • 设计TabLayoutHomeFragment的布局，该Fragment将承载TabLayout和ViewPager2，以实现滑动切换效果。
   • 在TabLayoutHomeFragment中，集成ViewPager2和TabLayout。
   • 使用TabLayoutMediator确保ViewPager2和TabLayout联动，实现标题的同步更新。务必在创建完毕后调用attach方法完成连接。

3. 创建RecFragment：

   • 创建一个RecFragment类，作为RecyclerView的子类，用于优化TabLayout中的第一个Fragment展示样式。

4. Activity设置：

   • 在ViewPager2TabLayoutActivity中，设置相应的Fragment和ViewPager2适配器，以实现功能完整的顶部Tab栏。
   • 用户可以在该界面中流畅地滑动浏览不同的Tab内容。

通过以上步骤，你就可以在Android应用中实现一个带有滑动Tab功能的界面，类似于今日头条的布局。

Ⅳ Android ViewPager2 + Fragment + BottomNavigationView 联动

Android ViewPager2 + Fragment + BottomNavigationView 联动

本篇内容将介绍如何将 ViewPager2、Fragment 及 BottomNavigationView 进行整合联动。上篇文章中已经将 ViewPager2 和 Fragment 联动起来，接下来将集成 BottomNavigationView，实现滑动 Fragment 时菜单跟着联动，反之亦然。

实现步骤：

• 在 Activity 布局中加入 ViewPager2 控件。


• 在 Activity 布局中加入 BottomNavigationView 控件。


• 编写 Fragment，用于填充 ViewPager2。


• 编写 Adapter 实现 FragmentStateAdapter，上篇已提及，继承 FragmentStateAdapter。

接下来设置 BottomNavigationView 与 ViewPager2 的联动：

• 在 BottomNavigationView 上添加 setOnItemSelectedListener 方法。


• 在 Activity 中实现如下代码，进行联动。


• 为 ViewPager2 注册 registerOnPageChangeCallback，实现与 BottomNavigationView 的联动。

通过以上步骤，可以将 ViewPager2 + Fragment + BottomNavigationView 集成起来，并实现双向联动。同时，简单介绍了 ViewPager 和 ViewPager2 的区别。

欲了解更多内容，欢迎访问个人博客 Johnny小屋 或关注个人公众号。

Ⅳ Android 解决viewPager中嵌套webView的滑动冲突

   在工作中遇到了一种情况，在可以横向滑动的viewPager其中的一项中嵌套着一个webView，并且在这个webView中也有可以横向滑动的的类似viewPager的组件，因为webView其中的H5组件我们是无法控制的，因此便会发生滑动冲突，现象则是webView中的H5组件无法滑动。比如下图

   经过笔者的一阵搜索，借鉴了 Viewpager与webview滑动冲突的解决方案 一文的解决方案，并在其基础上改进了一下，使之处理起来更加简单一些。

   首先我们先确定滑动冲突是事件分发机制的事情。解决办法需要在需要的地方进行事件的拦截和分发可以使用下面的方法

   当为true的时候则说明父控件（也就是viewPager）不拦截事件，点击事件由子控件（也就是webView）来处理，反之为false的时候，父控件则拦截点击事件，子控件无法响应点击事件。

   此时我们需要Android原生和JS交互一下，来通知我们什么时候拦截事件，什么时候不拦截事件。首先我们要先和H5的小伙伴商量好方法名和参数，在H5中可以监听到是否点击了或者滑动了轮播图，H5的小伙伴可以在监听值判断，如果点击或者滑动了H5中的轮播图则，调用Android原生的方法参数为true，Android端则进行事件的拦截，反之没有点击或者滑动的时候，则调用方法参数为false。
交互方法：

   如果有不懂Android原生与H5交互方法的可以看我的一篇文章 <Android中webveiw与H5进行交互>

此时我们拿到参数以后就可以进行事件的拦截

   这样就可以对事件分发进行处理，不过此处需要注意的是拦截事件的方法 wb.(isIntercept);必须要写在Touch事件中才可以生效，写在webview初始化的地方是不可以的。
  ok，笔者认为这种方法比H5端去测量轮播图的位置，然后告诉Android端，Android端再去判断位置去拦截事件要简单一些。当然这只是个人想法，还是要感谢借鉴文章的大佬，毕竟是站在了巨人的肩膀上。