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

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

在手机产品设计中,弹窗是一个比较常见的交互,下面我们一起来看看如何制作弹窗效果。

工具/原料

  • DellVostro
  • Windows10
  • 墨刀6.5

方法/步骤

  1. 1

    放置一个矩形组件和键盘组件到编辑区,点击右侧面板的“添加组件状态”按钮。

    墨刀如何制作“弹窗”效果
  2. 2

    编辑组件状态:添加“显示”和“不显示”两个状态,切换到“不显示”状态,把键盘组件移出组件的可视区域,编辑完成后,点击上方“退出编辑”按钮。

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

    添加弹出键盘组件交互:选中文本输入组件,点击右侧面板的添加事件,事件行为选择“切换组件状态”,选择的状态为“显示”。

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

    添加收回键盘组件交互:选中动态组件,点击右侧面板的添加事件,这次选择的状态为“不显示”。

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

    预览:点击右上角的预览按钮,查看制作效果。

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