如何配置悬浮层滑动进入动画?

425 阅读1分钟

本文将一步一步教你如何实现一个从底部滑动进场的交互方式显示悬浮层。

效果展示:

888.gif

前置准备:

  • 添加 悬浮层界面
  • 创建打开悬浮层 触发器

具体步骤 :

创建组合动画

  • 选中悬浮层卡片
  • 展开 检查器-动画标签
  • 点击 + 按钮
  • 添加 组合动画

image.png

配置动画效果

  • 执行时机-初始化
  • 动画类型-显示与移动
  • 动画名称-渐入渐出
  • 动画方向-从下到上
  • 动画效果-缓入

image.png

现在就可以配置悬浮层滑动进入动画了。