0
点赞
收藏
分享

微信扫一扫

如何利用浮动容器制作悬浮下拉菜单?

效果展示:

如何利用浮动容器制作悬浮下拉菜单?_菜单项

前置准备:

  • 一个用于点击下拉的菜单按钮
  • 四个菜单项图片素材
  • 四个菜单项文本素材
  • 创建点击执行其他 触发器

具体步骤:

  • 制作悬浮下拉菜单
  • 创建打开 浮动容器 触发器
  • 创建关闭 浮动容器 触发器
  • 创建设置值 触发器

步骤分解:

  • 制作悬浮下拉菜单
  • 添加 浮动容器
  • 添加 重复容器
  • 调整 重复容器 布局
  • 添加菜单项 容器
  • 调整菜单项布局
  • 添加图片素材至菜单项 容器
  • 添加文本素材至菜单项 容器

如何利用浮动容器制作悬浮下拉菜单?_下拉菜单_02

如何利用浮动容器制作悬浮下拉菜单?_菜单项_03

如何利用浮动容器制作悬浮下拉菜单?_触发器_04

如何利用浮动容器制作悬浮下拉菜单?_菜单项_05

  • 创建打开浮动容器触发器
  • 选中菜单按钮组件
  • 创建 触发器
  • 配置 触发器

如何利用浮动容器制作悬浮下拉菜单?_下拉菜单_06

  • 创建关闭浮动容器触发器
  • 选中 浮动容器
  • 创建 触发器
  • 配置 触发器

如何利用浮动容器制作悬浮下拉菜单?_菜单项_07

  • 创建设置值触发器
  • 开启按钮文本的 接受动态数据
  • 选中菜单项的 文本组件
  • 创建 触发器
  • 配置 触发器
  • 菜单项中的其他 文本组件 配置相同的 触发器

如何利用浮动容器制作悬浮下拉菜单?_下拉菜单_08

如何利用浮动容器制作悬浮下拉菜单?_触发器_09

如何利用浮动容器制作悬浮下拉菜单?_下拉菜单_10

  • 创建点击执行其他触发器
  • 选中菜单项容器
  • 创建 触发器
  • 配置 触发器
  • 其他菜单项 容器 配置相同的 触发器

如何利用浮动容器制作悬浮下拉菜单?_菜单项_11

如何利用浮动容器制作悬浮下拉菜单?_菜单项_12


举报

相关推荐

0 条评论