Android实现可以上下滑动的panel

最新推荐文章于 2024-06-26 09:50:54 发布
最新推荐文章于 2024-06-26 09:50:54 发布
阅读量2.3k 收藏 4
点赞数
分类专栏： Android Java 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_34681580/article/details/120640608
版权
本文介绍了如何在Android中实现类似美团和滴滴的滑动面板效果，包括上滑、下拉和悬停功能。主要通过两种方式实现：一是使用ViewDragHelper，创建一个可悬停的底部抽屉，其设计灵感来源于DrawLayout；二是利用NestedScrollView或RecyclerView，通过在卡片视图的首尾添加透明View来模拟滑动手势，实现滑动、悬停和吸底效果。文中还提供了相关代码库和参考文章以供进一步学习。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

背景

用过美团和滴滴的朋友都知道，他们都有一个可以上下滑动的面板，能够实现上滑，下拉和悬停，那么要怎么实现呢，下面我们就来简单探讨下。

使用ViewDragHelper实现

思路：
这是一个底部抽屉，它可以悬停在中间，随着滑动自然过渡到全屏。它是仿照DrawLayout设计实现的，只不过是竖直方向的，内部通过ViewDragHelper实现，具体参照以下实现
Android 简易悬停抽屉控件 —— 仿知乎收藏夹

fashare2015 /HoverView
umano /AndroidSlidingUpPanel

用ScrollView或RecyclerView实现

思路：
使用NestedScrollView作为容器，内部包含一个LinearLayout承载所有卡片，或者不用NestedScrollView直接使用RecyclerView，同时在LinearLayout或者RecyclerView第一个和最后一个位置分别添加一个透明的View，让卡片有滑动的空间，用户滑动手指抬起以后，再让卡片平滑滚动到对应的状态，以此来实现拉起，悬停和吸底，具体参照以下实现
AndroidSlidePanel

参考文章
Android 仿滴滴首页嵌套滑动效果
Android 简易悬停抽屉控件 —— 仿知乎收藏夹

fashare2015 /HoverView
umano /AndroidSlidingUpPanel
AndroidSlidePanel

Android-通过SlidingPaneLayout高仿微信6.2最新版手势滑动返回(一)
Android小酌
06-09 1万+
最近更新了微信版本到6.2，发现里面有个非常好的体验，就是在第二个页面Activity能手势向右滑动返回，在手势滑动的过程中能看到第一个页面，这种体验非常赞，这里高仿了一下。这里使用的是v4包里面的SlidingPaneLayout来手势滑动，在下一篇博文中将采用SlidingMenu来高仿，下面是SlidingPaneLayout高仿后的效果，效果还是蛮不错的。最重要的是，每一个页面都是Activ
SlidingPanelLayout:Android 滑动面板布局（简单且功能齐全）像 Flipkart 应用程序一样滑动内容
07-14
滑动面板布局 SlidingPaneLayout 提供了一个水平的、多窗格的布局，用于 UI 的顶层。 左（或第一个）窗格被视为内容列表或浏览器，从属于用于显示内容的主要详细信息视图。 如果子视图的组合宽度超过 SlidingPaneLayout 中的可用宽度，则它们可能会重叠。 发生这种情况时，用户可以通过拖动最上面的视图或通过使用键盘在重叠视图的方向上导航来将其滑出。 如果拖动的子视图的内容本身可以水平滚动，则用户可能会抓住它的边缘。 由于这种滑动行为，SlidingPaneLayout 可能适合创建可以平滑适应许多不同屏幕尺寸的布局，在较大的屏幕上完全展开并在较小的屏幕上折叠。 SlidingPaneLayout 不同于设计指南中描述的导航抽屉，不应在相同的场景中使用。 SlidingPaneLayout 应该只被认为是一种允许通常在较大屏幕上使用的双窗格布局以自然的方式适应较小屏幕
Android进阶2之SlidingDrawer（滑动式抽屉）
web开发
03-13 307
一概述 SlidingDrawer（滑动式抽屉）隐藏屏外的内容，并允许用户拖拽一个handle以显示隐藏的内容。SlidingDrawer可以在垂直或者水平使用。它由两个子视图组成：一个是用户拖拽的handle（柄），另一个是随着拖动变化的content（内容）。SlidingDrawer应当作为内部布局的覆盖来使用，也就是说SlidingDrawer内部应该使用FrameLayout或Rela...
Android-ScrollBarPanel: 实现可定制化的滚动条面板
gitblog_00023的博客
03-17 424
Android-ScrollBarPanel: 实现可定制化的滚动条面板 去发现同类优质开源项目:https://gitcode.com/ 在开发Android应用时，我们经常需要使用到滚动条。然而，Android SDK提供的默认滚动条样式可能无法满足所有设计需求。为了解决这个问题，我们向您推荐一个开源项目——。 项目简介 Android-ScrollBarPanel是一个轻量级的库，用于在An...
android 顶部划出面板,Android滑动面板
weixin_42298081的博客
05-29 323
我正在尝试启动一个应用程序,我有点迷失在如何做我想要的事情上.这就是我要的两个红色面板应该能够向侧面滑动,如果其中一个(或两个)折叠,则白色面板应该展开,占据该面板空间.当我在屏幕上显示红色面板时,白色面板显示所有内容,而不是在任何面板下.到目前为止我尝试了什么：我开始尝试使用两个SlidingDrawers,但白色面板落后于红色面板,所以,那里没有运气.之后我尝试了2个LinearLayouts...
推荐开源项目：DraggablePanel——超灵活的Android滑动面板库
最新发布
gitblog_00057的博客
06-26 403
推荐开源项目：DraggablePanel——超灵活的Android滑动面板库 DraggablePanelAndroid library used to create an awesome Android UI based on a draggable element similar to the last YouTube New graphic component.项目地址:https://...
Android SlidingUpPanel实现滚动托盘效果
SlidingUpPanel是一个Android UI组件库，它的主要功能是实现一个可以上下滑动的面板。这种面板在滑动展开后可以显示额外的内容，而在用户需要时又可以方便地滑动隐藏起来。SlidingUpPanel的出现，极大地简化了开发者...
Android提高之多方向抽屉实现方法
09-04
这个库中的Panel控件就是一种可以实现多方向抽屉效果的组件。 Panel控件相比于SlidingDrawer的优势在于它的扩展性和灵活性。它可以轻松地实现上下左右四个方向的抽屉效果，不仅支持简单的左右滑动，还支持上下滑动...
向上拖动时，可以惯性滑动显示到下一页的控件DragLayout
04-23
根据压缩包子文件的文件名称“android-vertical-slide-view-master”，我们可以推测这可能是一个GitHub仓库的克隆，包含了一个实现垂直滑动视图的项目。这个名字暗示了这个库专注于垂直方向的滑动操作，可能包含了...
panel
03-29
这些面板可以是可折叠的、可滑动的或者具有其他交互效果。 3. **数据仪表板**：在数据分析和可视化领域，面板常被称作仪表板，用于展示关键性能指标（KPIs）和实时数据。例如，业务分析员可能会使用Tableau、Power ...
Android代码-一个可拖动的向上滑动的面板
08-06
Android Sliding Up Panel This library provides a simple way to add a draggable sliding up panel (popularized by Google Music, Google Maps and Rdio) to your Android application. Umano Team <3 Open Source. As seen in Umano Android app: Importing the library Eclipse Download the latest release and include the library project as a dependency in Eclipse. Android Studio Simply add the following dependency to your build.gradle file to use the latest version: dependencies { repositories { m
Android-ScrollablePanel一个用于展示大数据集的滚动面板
08-13
一个灵活的视图提供一个有限矩形窗口用来展示大数据集,就像一个二维RecyclerView
android 上下拖动抽屉
05-16
android 底部抽屉盒子，可向上向下拖动，自定义拖动抽屉
android panel 配屏 驱动 详细介绍 （RGB, LVDS, MIPI, SPI都有介绍）
09-20
android panel 配屏介绍，包括： 1，RGB LVDS MIPI 接口讲解； 2，RGB普通屏 配屏范例，包括RGB屏规格书，对应代码，详细讲解； 3，RGB SPI接口屏 配屏范例，包括SPI屏规格书，对应代码，详细讲解； 4，LVDS屏 配屏范例，包括LVDS屏规格书，对应代码，详细讲解； 5，MIPI屏 配屏范例，包括MIPI屏驱动IC规格书，对应驱动代码。 基本包括目前手机，平板，电视配屏的几大常见类型。
Android——滑动抽屉
07-13
Android——滑动抽屉，可放置任意多个button
Android控件之SlidingDrawer（滑动式抽屉）
zhuimengandyue的专栏
07-18 1258
一、简介  　　SlidingDrawer隐藏屏外的内容，并允许用户通过handle以显示隐藏内容。它可以垂直或水平滑动，它有俩个View组成，其一是可以拖动的handle,其二是隐藏内容的View.它里面的控件必须设置布局，在布局文件中必须指定handle和content. 二、重要属性 　　android:allowSingleTap：指示是否可以通过handle打开或关闭 　　and
Android SlidingDrawer（滑动式抽屉）
花前月下的细说__AndJun
10-23 2704
先上效果图： 该控件用法简单，如果自己加以美化，定能做出很炫的想要的效果一、SlidingDrawer隐藏屏外的内容，并允许用户通过handle以显示隐藏内容。它可以垂直或水平滑动，它有俩个View组成，其一是可以拖动的handle,其二是隐藏内容的View.它里面的控件必须设置布局，在布局文件中必须指定handle和content.二、重要属性　　android:allowSingleTap：指
推荐：Android Sliding Up Panel 库
gitblog_00084的博客
05-10 478
推荐：Android Sliding Up Panel 库 AndroidSlidingUpPanelThis library provides a simple way to add a draggable sliding up panel (popularized by Google Music and Google Maps) to your Android application. Br...
android 抽屉 panel,Android 抽屉功能初试
weixin_32827751的博客
05-26 228
由于需要实现自定义的抽屉效果，Android自带的SlidingDrawer不能满足，在handle 中 放多个按钮(比如二个，如下图的“新建”和"关闭")时，点击“关闭”按钮关闭或打开，而“新建”按钮时，触发别的事件。我通过网上查资料，尝试过重新SlidingDrawer，可以实现效果，可是二个按钮回同时触发press状态，本人由于刚入门，没有找到好的办法解决。还好，参考http://www.l...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值