尝试使用滑动手势更改焦点和滚动时的ViewPager2 +辅助功能+对讲问题 - 腾讯云开发者社区

目前还只是推出了第一个预览版，我们可以直接引入来使用了： implementation 'androidx.viewpager2:viewpager2:1.0.0-alpha01' 我们先来看看有哪些功能和使用上的变化...); 熟悉RecyclerView的同学都知道，SnapHelper用于辅助RecyclerView在滚动结束时将Item对齐到某个位置。...PagerSnapHelper的作用让滑动结束时使当前Item居中显示，并且限制一次只能滑动一页，不能快速滑动，这样就和viewpager的交互很像了。...小结 viewpager2利用recyclerview来实现viewpager的功能，无疑使使其可扩展性大大提升，代码也变得更优雅简洁，使用起来也更灵活。...不过目前viewpager2只是第一个预览版，还存在稳定性方面的问题，不建议大家引入到正式项目中来，尝尝鲜就好。

1.7K1 0

ViewPager2打造轮播Banner

③图中可以看出item布局需要圆角，实现方案有很多，这里选择使用官方提供的ShapeableImageView实现它的圆角需要写一个style ④我们都知道ViewPager2的适配器和RecyclerView...的使用一样，这里就不贴代码了 ⑤最后我们给ViewPager2设置上adapter即可二、轮播图左右无线滑动数据源的第一位add最后一张图val newList = arrayListOf<String...滑动到第0位和最后一位时的处理分别如下位置处理 currentPosition == 0 setCurrentItem(adapter.itemCount - 2, false) currentPosition...这里采用了view的postDelayed方法进行实现 mLooper是我定义的Runnable，后面会讲原因滑动实现了，但启停时机也很重要所以这里选用onWindowFocusChanged因为它在窗体失去和获得焦点的时候会通知我们...我们知道触摸调用setOnTouchListener即可，但是给ViewPager2使用的时候你会发现不起作用。

1.7K3 0

您找到你想要的搜索结果了吗？

是的

没有找到

ViewPager2打造Banner轮播图

效果图上图是天津地铁APP的Banner也是本文要实现的效果一、如何使用ViewPager2 ①在app下的build.gradle文件中添加如下依赖 implementation "androidx.viewpager2...的适配器和RecyclerView的使用一样，这里就不贴代码了 ⑤最后我们给ViewPager2设置上adapter即可二、轮播图左右无线滑动数据源的第一位add最后一张图 val newList...滑动到第0位和最后一位时的处理分别如下位置处理 currentPosition == 0 setCurrentItem(adapter.itemCount - 2, false) currentPosition...，但启停时机也很重要所以这里选用onWindowFocusChanged因为它在窗体失去和获得焦点的时候会通知我们 override fun onWindowFocusChanged(hasFocus...bannerVp.removeCallbacks(counter) } } 触摸暂停滚动我们知道触摸调用setOnTouchListener即可，但是给ViewPager2使用的时候你会发现不起作用

2.1K5 0

Now in Android | 12 月刊 · 2019

我们的同事 Chris Banes 为各位开发者们发布了一个「手势导航」系列的文章，帮助大家处理 Android 10 中的手势变更的问题: 《手势导航 (一) | 开启全面屏体验》介绍了将应用构建到全面屏设备...《手势导航 (二) | 处理视觉冲突》介绍如何处理与系统 UI 出现视觉重叠的问题，判断安全的交互区域。...请参考迁移指南和我们提供的示例应用。请阅读 ViewPager2 使用指南以了解如何在 Fragment 页面间完成滑动操作。...Android 10 针对非 SDK 接口 (限制非公开 API 的使用) 做出的更改影响了一些方法，而这些方法影响到了 Transition 代码库的映射。...4.0 版本中的部分新功能包括: 如果您想尝试一下 Compose 的开发者预览版本，就必须使用 4.0 版本。 ?

1.9K3 0

ViewPager2实现内部Item的动态滚动

当然RecyclerView也可以，用一个仿抖音的那种 LayoutManager 就行，但是为什么不呢，因为涉及到了视频播放，手动去处理一些生命周期和懒加载，总是非常麻烦，而且ViewPager2本身就是基于...产品：得加一个第一次使用时的提示啊，要不然用户都不知道页面可以下滑呢？效果我发你了，你看看：下图为我实现好的简单样式，大意体会即可。...layoutManager.scrollToPositionWithOffset(0, it.animatedValue as Int) } oneAnimator.start() 效果如最上面示例gif所示，这样就解决了ViewPager2-item动态滚动问题...需要注意的点就如我上面最开始分析时所述，如果详情页是可滑动的，那么就必须处理一下滑动冲突，相应的方式也很简单，使用内部拦截法，让滑动的View优先获得事件即可，当处于滑动View顶部时，再将事件还给父...后续当然用ViewPager2去写仍然有种大材小用的感觉，毕竟只有两个item,所以，比较好的方式依然是使用自定义的滑动ViewGroup实现，所以我会在下篇博客来以一个自定义的方式来解决此问题。

1.5K2 0

ViewPager2使用入门

简单的前言之前的项目中使用过ViewPager，被坑过几次。...如果你在RecyclerView中的Item使用ViewPager，你绝对会产生莫名其妙的问题，因为ViewPager在同一界面上不能有两个一样的ID，否则会导致滑动和内存问题。.../jetpack/androidx/releases/viewpager2 重要的特性通过 setUserInputEnabled() 设置是否禁止用户滑动页面。...是内部使用了RecyclerView，最简单用法就是设置一个Adapter即可马上使用，下面的ViewPager2默认是横向滚动： ViewPager2 vp2 = mRootView.findViewById...(use match_parent) 垂直滚动的特性 ViewPager2支持横向和垂直滚动，只需要在xml中通过android:orientation指定方向： <androidx.viewpager.widget.ViewPager

1.9K1 0

【Android 应用开发】Android 无障碍开发简介 ( Android 无障碍开发辅助技术 | 启用 TalkBack 无障碍功能 | TalkBack 无障碍开发示例 )

文章目录一、Android 无障碍开发辅助技术二、启用 TalkBack 无障碍功能三、TalkBack 无障碍功能代码示例官方文档 : Android 无障碍功能概览一、Android 无障碍开发辅助技术...---- Android 无障碍开发的作用是为残障人士提供更好的移动设备使用体验 ; 借助无障碍开发可以降低访问设备应用程序的难度 ; Android 为无障碍开发提供了多种辅助技术..., 如 : TalkBack : 该技术帮助盲人和视力障碍者更容易地使用 Android 设备 ; 语音提示 : 在屏幕上点击或滑动时 , 自动读取屏幕中的元素和文本内容 ; 手势控制...: 支持特殊手势 , 滑动 , 双击 , 长按等 ; 自定义配置 : 配置自定义选项 , 如音量 , 速度 , 灵敏度等 ; Switch Access : 该技术帮助行动不便的用户更容易地使用...如 : 打开应用 , 滑动屏幕等 ; 自定义命令 : 自定义常用命令 , 如 : 快捷方式 ; 文本转语音 : 将屏幕中的文本转为语音提示 ; 无障碍模式下 , 使用键盘 , 鼠标等外设控制焦点 ,

1.8K2 0

Material Design —卡片（Cards）

支持的手势卡片手势应始终在卡片集合中实施。支持的手势包括：滑动手势（swipe gesture）可以在每张卡片上使用。限制视图内的轻扫手势，使其不会彼此重叠。...例如，可滑动的卡片不应该包含可滑动的图像，以便在滑动时只发生一次动作。如果用户对集合内的卡进行分类很重要，则可以使用拾取并移动手势（pick-up-and-move gesture）。...pc端卡片可展开和内部滚动卡片聚焦当遍历卡片上的焦点时，在移动到下一张卡片之前访问所有可聚焦元素。...对于依赖焦点遍历进行导航（手柄和键盘）的页面，卡片应具有主要操作或打开包含主要和补充操作的新视图。 ? 选择操作 ?...虽然卡片可以支持多种动作，UI控件和溢出菜单，但请使用限制，并记住卡片是进入更复杂和详细信息的入口点。 ?

4.3K10 0

深入了解ViewPager2

基本上就等于是横竖屏切换时的状态的保存和恢复。...我们知道，以前使用Fragment时，如果使用show/hide切换Fragment显示，由于Fragment都attach了，当Activity生命周期走到onResume的时候，会触发所有Fragment...(1) 竖直滑动 viewPager2.orientation = ViewPager2.ORIENTATION_VERTICAL (2) 禁止用户滑动我们知道，在使用ViewPager的时候想要禁止用户滑动需要重写...而ViewPager2被声明为了final，我们无法再去继承ViewPager2。那么我们应该怎么禁止ViewPager2的滑动呢？...，当值为负数时表示向下一个页面滑动。

1.5K2 0

怎样在Android上实现一个iOS多任务列表效果

实践一下，如下效果： 1.png 左右的效果果然不符合我们预期，item的宽度是变小了，但左右的padding一直空白着，经过一番尝试，最终通过一个属性解决了这个问题： viewPager.setClipToPadding...这类滚动控件，都是可以通过这个接口来避免上述问题，内部实现原理这里不展开。 ...3.1. item上下滑动动画这一步实现原理比较简单，就是在ViewPager的onTouchEvent里对move事件做上下滑动检测，满足条件时对当前的item view做上下移动即可，当up事件到达时...，再根据速度和偏移条件，判断是否真要滑动移除，要的话再触发相应的动画。...，其源码实现是封装了RecyclerView，但接口几乎和ViewPager一致，也解决了RecyclerView不能直接使用Fragment的问题，腻害呀！

3.5K6 0

最新iOS设计规范四｜3大界面要素：视图(Views)

屏幕上需要阅读的文字应该越少越好，可以尝试编写一个标题并且避免添加额外的信息。因为单字标题很少会提供有用的信息，所以可以考虑以问问题或使用短句的方式，尽可能的将标题保留在同一行上。...默认情况下，你可以点按以选择、触摸并按住进行编辑，然后滑动进行滚动。如有需要，还可以添加更多手势来执行自定义操作。在集合中，插入、删除或重新排序项目，都可以启用动画，并且还支持自定义动画。...分列视图由一个两列或三列的界面组成，分别显示一个主列，一个可选的补充列和一个辅助内容窗格。主列中的更改将导致可选补充列中内容的更改。...避免将索引与包含右对齐元素的表单结合在一起。索引一般通过大的滑动手势来控制的。如果附近存在其他交互元素，例如显示指示器，则在出现手势时很难辨别用户的意图，并且可能会激活错误的元素。...还应该在启用了辅助功能选项（例如粗体文本）的情况下测试内容单显示情况。显示恰当的键盘类型。iOS提供了几种不同的键盘类型，每种键盘都对应着一种具体的输入方式。

8.4K3 1

Android双向滑动菜单完全解析，教你如何一分钟实现双向滑动特效

implements OnTouchListener { /** * 滚动显示和隐藏左侧布局时，手指滑动需要达到的速度。...只有完全显示或隐藏时才会更改此值，滑动过程中此值无效。 */ private boolean isLeftMenuVisible; /** * 右侧菜单当前是显示还是隐藏。...只有完全显示或隐藏时才会更改此值，滑动过程中此值无效。 */ private boolean isRightMenuVisible; /** * 是否正在滑动。...void recycleVelocityTracker() { mVelocityTracker.recycle(); mVelocityTracker = null; } /** * 使用可以获得焦点的控件在滑动的时候失去焦点...接着当用户手指离开屏幕时，会根据当前的滑动距离，决定后续的滚动方向，通过LeftMenuScrollTask和RightMenuScrollTask来完成完整的滑动过程。

2.3K6 0

QQ Mac版 Touch Bar功能设计

对于有些复杂的编辑或选取功能，可以考虑在按钮支持点击的基础上，支持长按、滑动等手势进行快速操作，这样既能与用户已有的使用习惯保持一致，同时兼顾操作的快捷性。...3、通过独有交互简化操作步骤：Touch Bar不光使得屏幕上的功能有了一个对应的按键，还赋予了这个按键长按、滑动等手势。...方案设计我们选取了几个典型场景来进行Touch Bar的功能设计。 1.通用场景通用场景是指主面板无焦点的场景，比如刚登陆时。...2.AIO输入用户聊天时，焦点处于输入区，Touch Bar出现辅助输入工具。 ? 表情按钮聊天时，表情是最常用的功能之一。因此在聊天场景下，我们选取了表情功能放在Touch Bar上。...点击按钮可调出表情分组和常用表情，与提取消息类似，长按可调出常用表情列表，滑动松手即可发送。 ? ? 语音消息按钮现在发送语音消息时，需要先进入语音模式，然后按住空格开始收音。

1.4K1 0

【Android 内存优化】自定义组件长图组件 ( 长图滚动区域解码 | 手势识别 GestureDetector | 滑动计算类 Scroller | 代码示例 )

, distanceY 小于 0 , 应的图片也向上滑动 , 解码区域的 top 和 bottom 减小 ; 向下滑动分析 : 当向下滑动时 , 触摸坐标由小变大 , distanceY 大于...当向上滑动时 , 触摸坐标由大变小 , distanceY 小于 0 , 对应的图片也向上滑动 , 解码区域的 top 和 bottom 减小 ;...Scroller 辅助计算滑动距离这里使用 Scroller 计算 mRect 区域的 top 值 */ mScroller.fling(...当向上滑动时 , 触摸坐标由大变小 , distanceY 小于 0 , 对应的图片也向上滑动 , 解码区域的 top 和 bottom 减小 ;...Scroller 辅助计算滑动距离这里使用 Scroller 计算 mRect 区域的 top 值 */ mScroller.fling(

1.4K2 2

Android中文API——ScrollView

TextView类也有自己的滚动功能，所以不需要使用ScrollView，但是只有两个结合使用，才能保证显示较多内容时候的效率。但只有两者结合使用才可以实现在一个较大的容器中一个文本视图效果。...public void fling (int velocityY) 滚动视图的滑动（fling）手势。...（译者注：如何监听android的屏幕滑动停止事件）参数 velocityY Y方向的初始速率。正值表示手指/光标向屏幕下方滑动，而内容将向上滚动。... (int direction, Rect previouslyFocusedRect) 当在滚动视图的子视图中查找焦点视图时，需要注意不要将焦点设置在滚动出屏幕外的控件上。.../ScrollView2 添加自动滚动和智能焦点切换 [Android学习指南]使用ScrollView实现滚动效果 Android中ScrollView与ListView共用问题的解决方案　　示例代码

4.5K3 0

Android实现双向滑动特效的实例代码

implements OnTouchListener { /** * 滚动显示和隐藏左侧布局时，手指滑动需要达到的速度。...只有完全显示或隐藏时才会更改此值，滑动过程中此值无效。 */ private boolean isRightMenuVisible; /** * 是否正在滑动。...private void recycleVelocityTracker() { mVelocityTracker.recycle(); mVelocityTracker = null; } /** * 使用可以获得焦点的控件在滑动的时候失去焦点...接着当用户手指离开屏幕时，会根据当前的滑动距离，决定后续的滚动方向，通过LeftMenuScrollTask和RightMenuScrollTask来完成完整的滑动过程。...如此一来，一分钟实现双向滑动菜单功能妥妥的。好了，今天的讲解到此结束，有疑问的朋友请在下面留言。

2K4 0

干货 | 携程机票RN复杂交互实践

本节主要简单讲述往返双栏的手势实现以及遇到的主要问题： Android平台，子View为ScrollView手势交互事件被列表滚动事件拦截打断部分操作场景下，手势事件通知参数不符合预期这两个问题严重地影响用户的交互体验...，针对第一条所导致的问题用户通过手势左右切换的过程中，很容易触发列表的滚动导致手势中断，进而导致手势不跟手以及页面抖动。...当PanResponder绑定的父View包含ScrollView作为子View时，在Android平台上即使响应事件已经交由父View做处理，左右滑动时依然会触发List的滚动。...然后在触控事件结束之后，释放重置，恢复列表滚动。采用该方案在真机实验中，使用setNativeProps可以直接操作，避免触发页面刷新影响性能，同时也解决了手势事件冲突的问题。...项目中将动画移动的距离作为滑动方向的依据，当为0时无法判断手势的移动方向。

4.7K2 0

Android滑动菜单框架完全解析，教你如何一分钟实现滑动菜单特效

extends LinearLayout implements OnTouchListener { /** * 滚动显示和隐藏左侧布局时，手指滑动需要达到的速度。...只有完全显示或隐藏时才会更改此值，滑动过程中此值无效。 */ private boolean isLeftLayoutVisible; /** * 左侧布局对象。...使用自定义布局的话，就可以用简单的方式在任意Activity中加入滑动菜单功能，即使你有再多的Activity也不用怕了，一分钟引入滑动菜单妥妥的。...源码下载，请点击这里补充：由于这段文章写的比较早了，那时写的滑动菜单还存在着不少问题，我之后又将上面的代码做了不少改动，编写了一个修正版的滑动菜单，这个版本主要修正了以下内容： 1.将滑动方式改成了覆盖型...2.ListView上下滚动时不会轻易滑出菜单。 3.正在滑动时屏蔽掉内容布局上的事件。 4.当菜单布局展示时，点击一下右侧的内容布局，可以将菜单隐藏。

2.1K6 0

PhotoSwipe中文API(二)

这个常见问题中的更多信息。如果你想利用动画时不透明度为“隐藏”小缩略图：0，不可见性：隐藏或显示：无。不要强迫油漆和布局在动画的开头，以避免滞后。...1 : 1.5; } } 函数被调用每一个放大的动画启动的时间。可以随意根据自己的尺寸和屏幕的DPI不同的图像返回不同的值。 loop boolean true 循环使用滑动手势时，幻灯片。...画廊的背景将逐渐淡出作为用户缩小。当手势完成后，画廊将关闭。 closeOnScroll boolean true 在页面滚动关闭画廊。选项可只是没有硬件支持触控设备。...mouseUsed boolean false 选项允许如果使用与否鼠标就预定义。有些PhotoSwipe功能依赖于它，例如默认的UI左/右箭头会显示使用鼠标之后。...如果是 - PhotoSwipe不会叫的preventDefault和点击事件会通过。功能应该是轻是可能的，因为它是在拖动开始和拖动发布执行多次。

2.4K2 0

Flutter 和 iOS 之间的 Battle：手势交互谁才是老大？

跨平台框架都会面对和原生平台沟通的问题，Flutter 也不例外，在实际工程落地的过程中经常会碰到手势识别交互的问题。...问题西瓜视频在实际使用过程中发现了一个问题，场景是这样：西瓜 iOS 客户端所有页面都有全屏右划退出功能，这个功能的实现是将一个 PanGestureRecognizer 添加到 NavigationController...修改完之后，实际测试发现还是有问题，虽然垂直滚动的列表可以正常滑动了，但是横向滚动的列表的表现是不对的：当有横划列表时，不仅列表在滚动，整个页面也在向右滑动做退出动画。...问题的根本原因是全屏右划后退手势和 FlutterView 都在处理右划触摸事件，而绝大多数交互场景，我们都应该遵循这样的原则：父控件和子控件都能处理某个手势时，应该优先让子控件处理，而不是父子都处理。...总结跨平台框架都会面对和原生平台沟通的问题，这是跨平台的本质决定的，Flutter 也不例外，我们在实际工程落地的过程中踩的坑多数都是这类问题，本质上手势冲突的问题也属于这一类，后续碰到类似问题，大家可以尝试使用代理机制来处理

1.7K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

ViewPager2：官方Viewpager升级版来临

ViewPager2打造轮播Banner

ViewPager2打造Banner轮播图

Now in Android | 12 月刊 · 2019

ViewPager2实现内部Item的动态滚动

ViewPager2使用入门

【Android 应用开发】Android 无障碍开发简介 ( Android 无障碍开发辅助技术 | 启用 TalkBack 无障碍功能 | TalkBack 无障碍开发示例 )

Material Design —卡片（Cards）

深入了解ViewPager2

怎样在Android上实现一个iOS多任务列表效果

最新iOS设计规范四｜3大界面要素：视图(Views)

Android双向滑动菜单完全解析，教你如何一分钟实现双向滑动特效

QQ Mac版 Touch Bar功能设计

【Android 内存优化】自定义组件长图组件 ( 长图滚动区域解码 | 手势识别 GestureDetector | 滑动计算类 Scroller | 代码示例 )

Android中文API——ScrollView

Android实现双向滑动特效的实例代码

干货 | 携程机票RN复杂交互实践

Android滑动菜单框架完全解析，教你如何一分钟实现滑动菜单特效

PhotoSwipe中文API(二)

Flutter 和 iOS 之间的 Battle：手势交互谁才是老大？

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐