墨刀如何制作“定时弹窗”效果

  • 原创
  • |
  • 浏览:905
  • |
  • 更新:

在产品设计中,我们会碰到自动弹窗的原型需求,下面我们一起来看如何制作该效果。

工具/原料

  • DellVostro
  • Windows10
  • 墨刀6.5

方法/步骤

  1. 1

    将自动弹窗所需的组件放置到编辑区,这里我们用三个矩形组件构成整个自动弹窗页面。点击右侧面板的“添加组件状态”。

    墨刀如何制作“定时弹窗”效果
  2. 1
    该信息未经许可获取自百度经验
  3. 2

    编辑组件状态:新建“隐藏”和“显示”两个状态,在”隐藏“状态下,点击右侧面板的“隐藏按钮”。

    墨刀如何制作“定时弹窗”效果
  4. 3

    添加定时事件:在“隐藏”状态下,点击右侧面板的“定时器”按钮,行为选择切换组件状态。

    墨刀如何制作“定时弹窗”效果
  5. 4

    添加交互事件:在“显示“状态下,拖拽关闭按钮组件左侧的“闪电”图标至“隐藏”状态。

    墨刀如何制作“定时弹窗”效果
  6. 5

    预览:编辑完成后,退出组件编辑界面,点击右上角的“预览”按钮,查看制作效果。

    墨刀如何制作“定时弹窗”效果
    END
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部