如何用卡片翻转动画制作一个星座运势页面

180 阅读1分钟

效果展示:

前置准备:

  • 图片素材
  • 有文案素材的detail页面
  • 配置按钮组件触发器

具体步骤:

  • 添加配置按钮、图片组件
  • 配置图片组件动画和触发器

步骤分解:

  • 添加配置轮播图基础组件
  • 添加 按钮 组件
  • 添加 图片 组件
  • 选中 按钮 组件 在 数据绑定及设置 ,配置 按钮 组件
  • 选中 图片 组件 在 数据绑定及设置 ,上传图片素材
  • 选中整个页面,在 样式 中配置 填充色设置

  • 配置图片组件动画和触发器
  • 选择 图片 组件,在 动画 中添加 自定义动画 并配置相关数据
  • 在 触发器 中,添加 触发器设置 并配置相关数据

  • 配置按钮组件触发器
  • 选择 按钮 组件,在 触发器 中添加 触发器设置 并配置相关数据