写点什么

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

作者:Towify
  • 2023-01-12
    北京
  • 本文字数:411 字

    阅读完需:约 1 分钟

效果展示:



前置准备:

  • 一个用于点击下拉的菜单按钮

  • 四个菜单项图片素材

  • 四个菜单项文本素材

  • 创建点击执行其他 触发器

具体步骤:

  • 制作悬浮下拉菜单

  • 创建打开 浮动容器 触发器

  • 创建关闭 浮动容器 触发器

  • 创建设置值 触发器

步骤分解:

  • 制作悬浮下拉菜单

  • 添加 浮动容器

  • 添加 重复容器

  • 调整 重复容器 布局

  • 添加菜单项 容器

  • 调整菜单项布局

  • 添加图片素材至菜单项 容器

  • 添加文本素材至菜单项 容器






  • 创建打开浮动容器触发器

  • 选中菜单按钮组件

  • 创建 触发器

  • 配置 触发器



  • 创建关闭浮动容器触发器

  • 选中 浮动容器

  • 创建 触发器

  • 配置 触发器



  • 创建设置值触发器

  • 开启按钮文本的 接受动态数据

  • 选中菜单项的 文本组件

  • 创建 触发器

  • 配置 触发器

  • 菜单项中的其他 文本组件 配置相同的 触发器





  • 创建点击执行其他触发器

  • 选中菜单项容器

  • 创建 触发器

  • 配置 触发器

  • 其他菜单项 容器 配置相同的 触发器




作者:TOWIFY

链接:https://juejin.cn/post/7156790118190153765

来源:稀土掘金

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

用户头像

Towify

关注

还未添加个人签名 2022-11-02 加入

还未添加个人简介

评论

发布
暂无评论
如何利用浮动容器制作悬浮下拉菜单?_Towify_InfoQ写作社区