养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-09-23 02:35:31

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

工具/原料

DellVostro

Windows10

墨刀6.5

方法/步骤

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

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

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

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

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

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

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

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

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

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

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

© 一点知识