android 高德地图动画,使用MotionLayout实现高德地图bottomSheets效果

本文介绍了如何使用MotionLayout模仿高德地图的bottomSheets效果,通过自定义约束布局和监听触摸事件,实现了上拉展开和下拉收起的三段式动画。同时讨论了实现过程中遇到的问题及解决方案,包括设置手势判断阀值和处理滑动手势。
摘要由CSDN通过智能技术生成

高德效果

33964486-68b6-43d3-8798-16a7a69b7ca5

搜到的一个效果,附上链接,用的behavior,我没下源码看,因为我只是想尝试另外一种方式。具体效果暂不知Android 仿高德地图可拉伸的BottomSheet

以下是我用motionlayout实现的效果,没有达到丝滑流畅,优化就看小伙伴你了

缘由

使用高德地图的时候看着这种体验很好,随后就想试试怎么达到类似效果

最近正在看MotionLayout的东西,正好就尝试尝试

MotionLayout

这里不做过多描述,总结一下在xml文件夹下创建xxscene.xml 主要用于描述场景动画的关键帧和view状态变化等

xxscene.xml内容包括 主要为3个关键内容:

Transition 过渡

constraintSetStart:启动约束场景

constraintSetEnd:结束约束场景

app:dragDirection="dragUp" 拽动(拖拉)

KeyFrameSet关键帧集合

KeyAttribute关键帧

app:framePosition 位置,进度

app:target="@id/xxx 被描述的view id

ConstraintSet 约束集合

app:constraintSetEnd="@id/slideup_end"

app:constraintSetStart="@id/slideup_start"

app:duration="600"

app:interpolator="easeIn">

app:dragDirection="dragUp"

app:maxAcceleration="600"

app:touchAnchorSide="top"

app:touchAnchorId="@id/content"

/>

android:alpha="0"

app:framePosition="45"

app:target="@id/sugar_title" />

android:alpha="1"

app:framePosition="90"

app:target="@

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值