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

 时间:2024-09-23 00:39:56

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

工具/原料

DellVostro

Windows10

墨刀6.5

方法/步骤

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

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

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

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

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

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

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

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

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

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

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

墨刀如何使用页面状态切换功能 墨刀怎样添加跳转 墨刀怎么制作弹窗 墨刀如何制作轮播图 墨刀如何使用页面状态制作弹窗
热门搜索
另类图片 美女图片mm131 男人大ji巴图片 日本美女图片 马鞭草图片