首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Android开发笔记(一百七十二)第二代翻页视图ViewPager2

与ViewPager相比,ViewPager2支持更丰富的界面特效,包括但不限于下列几点: 1、不但支持水平方向翻页,还支持垂直方向翻页; 2、支持RecyclerView.Adapter,允许调用适配器对象的...,掌握下面几个方法就够了: setAdapter:设置二代翻页视图的页面适配器。...setPageTransformer:设置二代翻页视图的页面转换器,以便展示切换动画。 接下来利用循环适配器搭配二代翻页视图,演示看看ViewPager2的界面效果。..._content);     // 设置二代翻页视图的排列方向水平方向     vp2_content.setOrientation(ViewPager2.ORIENTATION_HORIZONTAL...现在有了ViewPager2,搭配TabLayout便轻松多了,只要一行代码即可绑定ViewPager2与TabLayout。下面是二者联结起来的操作步骤。

2.2K30
您找到你想要的搜索结果了吗?
是的
没有找到

ViewPager2打造Banner轮播图

效果图 上图是天津地铁APP的Banner也是本文要实现的效果 一、如何使用ViewPager2 ①在app下的build.gradle文件中添加如下依赖 implementation "androidx.viewpager2...:viewpager2:1.0.0" ②同步之后就可以在布局中使用啦 <androidx.viewpager2.widget.ViewPager2 android:id="@+id/bannerVp...="match_parent" android:scaleType="fitXY" app:shapeAppearance="@style/BannerStyle" /> ④我们都知道ViewPager2...的适配器RecyclerView的使用一样,这里就不贴代码了 ⑤最后我们给ViewPager2设置上adapter即可 二、轮播图左右无线滑动 数据源的第一位add最后一张图 val newList...ViewPager2是一个视图组,未调用setOnTouchListener是因为recyclerview拦截事件并首先调用onTouchEvent bannerVp.getChildAt(0)给它设置监听即可

2.1K50

ViewPager2打造轮播Banner

[效果图] 上图是天津地铁APP的Banner也是本文要实现的效果 一、如何使用ViewPager2 ①在app下的build.gradle文件中添加如下依赖implementation "androidx.viewpager2...:viewpager2:1.0.0"<androidx.viewpager2.widget.ViewPager2 android:id="@+id/bannerVp" android:layout_width...的适配器RecyclerView的使用一样,这里就不贴代码了 ⑤最后我们给ViewPager2设置上adapter即可 二、轮播图左右无线滑动 数据源的第一位add最后一张图val newList =...newList.add(pic[pic.size-1])for (item in pic) { newList.add(item) } newList.add(pic[0]) 最后一位添加第一张图 当ViewPager2...ViewPager2是一个视图组,未调用setOnTouchListener是因为recyclerview拦截事件并首先调用onTouchEvent bannerVp.getChildAt(0)给它设置监听即可

1.7K30

Android MVVM框架搭建(四)RecyclerVIew + ViewPager2 + BaseQuickAdapter

Android MVVM框架搭建(四)RecyclerVIew + ViewPager2 + BaseQuickAdapter 前言 正文 一、图片列表数据 二、新增访问地址和接口 三、访问接口 四、RecyclerView...BASE_URL的默认值改成null,并去掉final关键字,然后我们在NetworkApi中增加一个方法,代码如下: /** * 设置访问Url类型 * @param type...八、ViewPager2显示数据   当点击某一个图片的时候,值传到详情页面去,然后在这个页面可以左右滑动去查看图片,这无疑是比看一个点一个要好一些,可以利用ViewPager2来解决。 1....因为ViewPager2可以在setAdapter时直接设置RecyclerView.Adapter,很方便,因此这里同样需要一个适配器,这里的适配器我不打算用原生的来写。 2....增加的位置如下: 这里就是通过传递过来的url地址和查询到的url进行比对,得到具体的位置,然后显示这个vp的当前位置item,这里有一个false,为什么是false,因为不需要显示动画效果,如果不设置

2K20

Android MVVM框架搭建(四)RecyclerVIew + ViewPager2 + BaseQuickAdapter

Android MVVM框架搭建(四)RecyclerVIew + ViewPager2 + BaseQuickAdapter 前言 正文 一、图片列表数据 二、新增访问地址和接口 三、访问接口 四、RecyclerView...BASE_URL的默认值改成null,并去掉final关键字,然后我们在NetworkApi中增加一个方法,代码如下: /** * 设置访问Url类型 * @param type...八、ViewPager2显示数据   当点击某一个图片的时候,值传到详情页面去,然后在这个页面可以左右滑动去查看图片,这无疑是比看一个点一个要好一些,可以利用ViewPager2来解决。 1....因为ViewPager2可以在setAdapter时直接设置RecyclerView.Adapter,很方便,因此这里同样需要一个适配器,这里的适配器我不打算用原生的来写。 2....增加的位置如下: 这里就是通过传递过来的url地址和查询到的url进行比对,得到具体的位置,然后显示这个vp的当前位置item,这里有一个false,为什么是false,因为不需要显示动画效果,如果不设置

2.6K10

RecyclerView】 一、RecyclerView 最基本用法 ( 添加支持库 | 设置布局文件 | 自定义适配器 )

文章目录 一、添加支持库 二、布局文件中使用 RecyclerView 三、自定义适配器 四、RecyclerView 设置流程 五、RecyclerView 完整 Java 代码示例 一、添加支持库...设置流程 RecyclerView 设置流程 : ① 初始化 RecyclerView 对象 : 一般是从布局文件中获取 ; ② 创建并设置布局管理器 : 可以使用预置的布局管理器 , 也可以自定义布局管理器...; ③ 设置适配器 : 一般是使用自定义的适配器 , 设置RecyclerView 对象 ; //1 ....创建并设置列表适配器 Adapter adapter = new Adapter(); recycler_view.setAdapter(adapter); 五、RecyclerView 完整 Java...创建并设置列表适配器 Adapter adapter = new Adapter(); recycler_view.setAdapter(adapter); }

1.1K10

ViewPager 2 使用讲解「建议收藏」

之前早有耳闻 Google 我们提供新的控件来替换老旧的 ViewPager 进而解决一些不好解决的bug问题,巴拉巴拉一大堆,就是前因后果啥的…相信读者已经在“张鸿洋”大神、“郭霖”大神或者是其他Android...一、效果 二、介绍必要基础知识 1、ViewPager 与 ViewPager2 部分对比 ViewPager ViewPager 2 PagerAdapter RecyclerView.Adapter...:1.0.0' implementation 'androidx.recyclerview:recyclerview:1.1.0' // ViewPager 2 需要使用 RecycleView 的 adapter...this); viewPager2.setAdapter(adapter); } } Activity 内的代码就没什么不同了和之前一样的两步走,初始化控件,设置适配器。...return colors.size(); } } 这里提出一点,笔者 在 RadioGroup 、TabLayout 分别于ViewPager 2 的连用过程中分别使用了两种方法

1.2K30

ViewPager2实现内部Item的动态滚动

我们这是一个视频播放页+详情页,考虑到简单快捷,就想到了一个 ViewPager2 就可以实现,简单又快捷,自己点赞。一想到如此easy,瞬时笑出了猪叫。...当然RecyclerView也可以,用一个仿抖音的那种 LayoutManager 就行,但是为什么不呢,因为涉及到了视频播放,手动去处理一些生命周期和懒加载,总是非常麻烦,而且ViewPager2本身就是基于...RecyclerView ,所以何乐而不为呢。...好家伙,不按套路出牌啊,我故作深沉,实则稳如老狗( ViewPager2 不是有一个 fakeDragBy() 方法设置偏移量吗),这个有点麻烦,我得考虑考虑。...解决方法 既然如此,ViewPager2是基于RecyclerView,那么我去调用RecyclerView滚动不就行吗,思路如下: ViewPager2-> RecyclerView, RecyclerView

1.5K20

Vim 设置 Rust IDE

在本文中,我说明如何为 Rust 应用开发设置 Vim。 安装 Vim Vim 是 Linux 和 Unix 中最常用的命令行文本编辑器之一。...要设置 Rust 进行开发,请下载 Rustup,这是一个方便的 Rust 安装器工具,并在你的终端上运行以下命令(如果你使用 macOS、Linux 或任何其他类 Unix 系统): $ curl -...然后,你看到如下输出: stable installed - rustc 1.43.1 (8d69840ab 2020-05-04) Rust is installed now. Great!...编译你的应用 现在你可以使用 cargo build 编译你的第一个 Rust 应用: $ cd my_hello_world $ cargo build 你的终端输出类似于以下内容: Compiling...你在本地的 Vim 编辑器中设置了 Rust IDE,开发了第一个 Rust 应用,并使用 Cargo 包管理器工具构建、测试和运行了它。

1.7K20
领券