Android使用CoordinatorLayout和BottomSheetBehavior实现滑动效果(底部抽屉)

最新推荐文章于 2024-06-24 14:08:06 发布
最新推荐文章于 2024-06-24 14:08:06 发布
阅读量9.6k 收藏 7
点赞数 1
分类专栏： Android 文章标签： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32795135/article/details/79341376
版权
因为需要在安卓中实现底部的滑动抽屉效果，然后找了SlidingDrawer、Slidingmenu等等第三方的实现方案，发现基本已经被淘汰了，然后找到了一个官方的侧滑菜单DrawerLayout，但是这玩意只能侧滑。。。还有一个功能非常接近的控件——ButtonSheet，但是限制太多，实现复杂。
最后，发现了一个好东西——CoordinatorLayout(这里是官方文档)，是个很新鲜的东西( Google IO/15 大会发布),用来和其他控件联动交互。它的功能很多，这里就来说说用它的layout_behavior中的BottomSheetBehavior实现滑动抽屉效果。

首先放上XML


主界面和滑动部分的页面是放在一起的，在你需要滑动的view里面加上

app:layout_behavior="android.support.design.widget.BottomSheetBehavior"
这么一行就让界面带上了滑动效果。但是这样是不够的，首先要知道，BottomSheet是有这几个状态的：
STATE_DRAGGING, STATE_SETTLING, STATE_EXPANDED, STATE_COLLAPSED,  STATE_HIDDEN.
分别是拖拽中，静止，拉伸，折叠，隐藏(没有官方的翻译&#
最低0.47元/天 解锁文章
煌可爱蛋
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Android 仿高德地图可拉伸的BottomSheet的示例代码
08-27
该控件的实现需要使用高德地图SDK和BottomSheet控件，高德地图SDK用于获取搜索结果，BottomSheet控件用于展示搜索结果，使用CoordinatorLayout和BottomSheetBehavior可以实现控件的拉伸效果。 使用BottomSheet可以...
安卓系统中的 BottomSheet 控件
2301_77119065的博客
06-16 284
在 Android 应用开发中，交互式界面的设计对于提升用户体验至关重要。BottomSheet 是一种非常实用的 UI 组件，可以提供轻松访问和操作附加功能，同时不打扰主要内容的展示。一、什么是 BottomSheet？BottomSheet 是 Android 中的一种界面设计模式，通常以从屏幕底部弹出的形式出现，用于显示补充信息或操作选项，用户可以通过向上滑动将其展开或关闭。通过本文，我们学习了如何利用 BottomSheet 在 Android 应用中实现交互式界面设计。
Material Design组件 - 使用BottomSheet展现扩展内容（一）
卡卡尔的专栏
06-28 2716
BottomSheetBehavior最早是在Android的Design支持库中出现的，这个库中提供了许多Material Design 组件，BottomSheetBehavior即是对Material Design中Sheets: bottom即底部扩展菜单的一种实现，是对Material Design的支持，正如Material Design里面的Sheets: bottom中写的那样，其可以在屏幕的底部为整个画面提供一个补充视图增强用户体验性BottomSheet的实现首次出现是在com.andr
Android 底部上拉抽屉view
2401_85122662的博客
06-24 390
PS：之前因为秋招收集的二十套一二线互联网公司Android面试真题 （含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。一共十个专题，包括了Android进阶所有学习资料，Android进阶视频，Flutter，java基础，kotlin，NDK模块，计算机网络，数据结构与算法，微信小程序，面试题解析，framework源码！
android_基础_ BottomSheetBehavior使用(底部导航抽屉的实现)
写bug的蚊子的博客
09-12 4540
原文:https://blog.csdn.net/qjay_dev/article/details/51289267 本文使用的 com.android.support:design 版本为 23.3.0 效果图 相关类 BottomSheetBehavior 此类类似一个工具类，并不能在布局中使用，下面我们看看怎么实现我们效果图中的功能 layout <FrameLayout android:id="@+id/bottom_sheet" andro.
android 底部抽屉 BottomSheet+CoordinatorLayout 实现 AndroidX版本
adminuis的博客
08-31 2312
android 底部抽屉 BottomSheet+CoordinatorLayout 实现 AndroidX版本 activity_coordinator.xml <?xml version="1.0" encoding="utf-8"?> <androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:
android5.0协调布局CoordinatorLayout（第三篇BottomSheetBehavior源码详解）
xiatiandefeiyu的博客
09-14 2597
在开始看源码之前，咱们先来重温一下RecycleView是怎么将触摸事件传到CoordinatorLayout问它消不消耗事件的！根据事件的分发机制是从Activity的（dispatchTouchEvent）事件开始传入给PhoneWindow的DecorView的（dispatchTouchEvent），传入口如下： public boolean dispatchTouchEvent(M...
豆瓣电影详情交互实现——AppbarLayout + Toolbar + BottomSheetBehavior
我不只是看客的博客
11-24 1703
目录豆瓣效果分析思路关于BottomSheetBehavior功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 豆瓣效果...
三段式抽屉BottomSheetBehavior嵌套RecyclerView滑动冲突的三个解决方案
weixin_44158429的博客
08-17 3435
三段式抽屉BottomSheetBehavior嵌套RecyclerView滑动冲突的三个解决方案。上一篇文章介绍了BottomSheetBehavior的实现，这篇文章进一步的介绍BottomSheetBehavior嵌套RecyclerView导致的滑动冲突，即BottomSheet可三级滑动，RecycleView不可滑动，RecycleView可滑动时BottomSheet不可滑动。......
可用！三行代码高仿高德地图三段式抽屉效果
silencefly的博客
05-27 3282
三行代码 废话不在前面说，直接上代码！ 讲 XML 根布局设置为 CoordinatorLayout <android.support.design.widget.CoordinatorLayout 将要要弹出的三段式抽屉根布局设置 layout_behavior 属性 app:layout_behavior="android.support.design.widget.BottomSheetBehavior" 将要要弹出的三段式抽屉根布局设置 behavior_fitToConten
Android开发之高仿百度地图底部滑出菜单
xiayiye5的博客
05-08 1010
老套路上图： 底部菜单滑出效果如上图： 首先依赖三方库 implementation 'androidx.appcompat:appcompat:1.2.0' implementation 'com.google.android.material:material:1.3.0' 再看主页面的布局 <?xml version="1.0" encoding="utf-8"?> <androidx.coordinatorlayout.widget.Coordinato
Android-React-native实现的AndroidBottomSheetBehavior效果
08-13
3. **创建BottomSheet组件**：使用`BottomSheetBehavior`的组件创建一个底部抽屉，设置初始状态、高度、动画效果等属性。通常会有一个`Modal`或`View`来包裹内容。 4. **配置行为**：通过设置`onDrag`、`onSnap`等...
自定义android抽屉 修改来自系统，稳定流畅
10-15
通过监听触摸事件，我们可以控制抽屉的开启和关闭，同时可以定制滑动的速度、阻力等参数，实现稳定流畅的效果。 2. **替代方案** 尽管`SlidingDrawer`已弃用，但开发者可以使用`CoordinatorLayout`配合`Behavior`...
Material Design系列之Behavior实现Android知乎首页
09-01
`BottomSheetBehavior`设计用于创建可滑动的底部抽屉，可以将Tab导航视图设置为`BottomSheetBehavior`的子视图。在`CoordinatorLayout`中，当内容视图滑动时，可以监听滑动事件并相应地调整`BottomSheetBehavior`的...
往上拖拉底部视图底部视图会滑动出现并覆盖主视图.rar
07-30
Swift代码中，可以使用`view.layoutSubviews()`和`UIView.animate(withDuration:)`来实现动画效果。 在Android中，这个效果可以通过`CoordinatorLayout`配合`Behavior`实现。`CoordinatorLayout`是Google推出的用于...
chromedriver-mac-arm64_126.0.6474.0.zip
07-31
chromedriver-mac-arm64_126.0.6474.0.zip
chromedriver-mac-arm64_128.0.6548.0.zip
最新发布
07-31
chromedriver-mac-arm64_128.0.6548.0.zip
MySQL查询加速器：利用Query Cache提升效率
07-31
MySQL是一个流行的开源关系型数据库管理系统（RDBMS），广泛用于Web应用程序的后端数据存储。它基于结构化查询语言（SQL）来管理数据，并且是LAMP（Linux, Apache, MySQL, PHP/Python/Perl）技术栈的一部分，这个技术栈常用于构建动态网站和Web应用程序。 MySQL的特点包括： - **开放源代码**：MySQL的源代码是公开的，任何人都可以自由使用和修改。 - **跨平台**：MySQL可以在多种操作系统上运行，包括Linux、Windows、macOS等。 - **高性能**：MySQL以其快速的查询处理和良好的性能而闻名。 - **可靠性**：MySQL提供了多种机制来确保数据的完整性和可靠性，包括事务支持、备份和恢复功能。 - **易于使用**：MySQL提供了简单直观的界面和丰富的文档，便于用户学习和使用。 - **可扩展性**：MySQL支持从小型应用到大型企业级应用的扩展。 - **社区支持**：由于其广泛的使用，MySQL拥有一个活跃的开发者社区，提供大量的资源和支持。 MySQL被广泛应用于各种场景，包括在线事务处理（OL
Android 底部抽屉
07-22
在 Android 中，可以使用抽屉（Drawer）来实现一个位于屏幕底部的可滑动菜单。你可以使用 `DrawerLayout` 和 `NavigationView` 组件来创建底部抽屉。 首先，在你的项目的 build.gradle 文件中添加以下依赖项： ```...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值