首页
/ ElasticDragDismissLayout:让界面拖动弹力十足的神器

ElasticDragDismissLayout:让界面拖动弹力十足的神器

2024-05-21 07:16:58作者:昌雅子Ethen

ElasticDragDismissLayout:让界面拖动弹力十足的神器

项目介绍

ElasticDragDismissLayout 是一个开源的 Android 库,它为你的布局增加了弹性滑动关闭的效果。灵感来源于 Plaid,此库已经进行了向后兼容的优化,使得在各种版本的 Android 上都能运行流畅。

项目技术分析

这个库基于 ViewGroup 的嵌套滚动事件来实现弹性拖动效果。它支持多种滚动视图,包括:

  • ScrollView(如果目标 API 21+且 android:nestedScrollingEnabled="true")
  • RecyclerView
  • NestedScrollView(来自 support v4 库)

核心功能由 ElasticDragDismissDelegate 提供,你可以创建自定义的 Elastic 视图,并利用已有的视图作为参考。

项目及技术应用场景

ElasticDragDismissLayout 非常适合用于以下场景:

  • 顶部可滑动菜单:例如,在新闻应用中,可以轻松地通过上滑手势隐藏或显示顶部的导航栏。
  • 抽屉式侧边栏:它能给侧滑菜单添加逼真的弹性效果,提升用户体验。
  • 工具栏动画:在主屏幕和搜索页面之间切换时,可以让工具栏有弹性地消失或出现。

项目特点

  1. 兼容性好:支持多种滚动视图,并向下兼容旧版 Android 系统。
  2. 易用性强:只需要简单的 XML 布局和 Java 代码,即可快速集成并自定义拖动效果。
  3. 弹性效果:提供了自然的弹性反馈,增强用户交互体验。
  4. 自由度高:允许设置拖动距离和缩放比例,以适应不同的设计需求。
  5. 源码丰富:包含示例项目,便于理解和学习。

使用方法

build.gradle 文件中引入依赖:

allprojects {
    repositories {
        ...
        maven { url "https://jitpack.io" }
    }
}

dependencies {
    implementation 'com.github.Commit451:ElasticDragDismissLayout:1.0.4'
}

然后在 XML 中添加 ElasticDragDismissLayout,并设置相关属性:

<com.commit451.elasticdragdismisslayout.ElasticDragDismissLinearLayout
    ...
    app:dragDismissDistance="112dp"
    app:dragDismissScale="0.95">
    ...
</com.commit451.elasticdragdismisslayout.ElasticDragDismissLinearLayout>

在 Java 代码中监听拖动事件:

mDraggableFrame.addListener(new ElasticDragDismissListener() {
    ...
    @Override
    public void onDragDismissed() {
        finish();
    }
});

如此,你就可以拥有一个充满活力的弹性拖动关闭效果的应用界面了!

许可证: 该项目遵循 Apache 2.0 许可证。

快来尝试一下 ElasticDragDismissLayout,为你的应用增添一抹别样的色彩吧!

热门项目推荐
相关项目推荐

项目优选

收起
Python-100-DaysPython-100-Days
Python - 100天从新手到大师
Python
609
115
HarmonyOS-ExamplesHarmonyOS-Examples
本仓将收集和展示仓颉鸿蒙应用示例代码,欢迎大家投稿,在仓颉鸿蒙社区展现你的妙趣设计!
Cangjie
286
79
mdmd
✍ WeChat Markdown Editor | 一款高度简洁的微信 Markdown 编辑器:支持 Markdown 语法、色盘取色、多图上传、一键下载文档、自定义 CSS 样式、一键重置等特性
Vue
111
25
openHiTLSopenHiTLS
旨在打造算法先进、性能卓越、高效敏捷、安全可靠的密码套件,通过轻量级、可剪裁的软件技术架构满足各行业不同场景的多样化要求,让密码技术应用更简单,同时探索后量子等先进算法创新实践,构建密码前沿技术底座!
C
60
48
RuoYi-Cloud-Vue3RuoYi-Cloud-Vue3
🎉 基于Spring Boot、Spring Cloud & Alibaba、Vue3 & Vite、Element Plus的分布式前后端分离微服务架构权限管理系统
Vue
45
29
go-stockgo-stock
🦄🦄🦄AI赋能股票分析:自选股行情获取,成本盈亏展示,涨跌报警推送,市场整体/个股情绪分析,K线技术指标分析等。数据全部保留在本地。支持DeepSeek,OpenAI, Ollama,LMStudio,AnythingLLM,硅基流动,火山方舟,阿里云百炼等平台或模型。
Go
1
0
Cangjie-ExamplesCangjie-Examples
本仓将收集和展示高质量的仓颉示例代码,欢迎大家投稿,让全世界看到您的妙趣设计,也让更多人通过您的编码理解和喜爱仓颉语言。
Cangjie
205
57
MateChatMateChat
前端智能化场景解决方案UI库,轻松构建你的AI应用,我们将持续完善更新,欢迎你的使用与建议。 官网地址:https://matechat.gitcode.com
184
34
RuoYi-VueRuoYi-Vue
🎉 基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统,同时提供了 Vue3 的版本
Java
182
44
frogfrog
这是一个人工生命试验项目,最终目标是创建“有自我意识表现”的模拟生命体。
Java
8
0