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

墨刀如何制作“左滑删除“效果

时间:2024-11-13 23:09:28

在手机产品设计中,左滑删除效果也是比较常见的交互效果之一,下面我们一起来看看如何制作。

工具/原料

DellVostro

Windows10

墨刀6.5

方法/步骤

1、把制作左滑删除效果的相关组件放置到编辑区,点击右侧面板的”添加组件状态“按钮。

墨刀如何制作“左滑删除“效果

2、编辑组件状态:在状态1和状态2下,调整组件的可视区域;状态2下,把组件调整为左滑后的视图状态。

墨刀如何制作“左滑删除“效果

墨刀如何制作“左滑删除“效果

3、添加交互:在状态1下,拖拽工作栏左侧的闪电图标至状态2,糙怍牢莱事件选择”左滑“,行为选择”切换至状态2“;在状态2下,事件选择”右滑“,行为选择”切换至状态1“。

墨刀如何制作“左滑删除“效果

墨刀如何制作“左滑删除“效果

4、预览:返回编辑区,把动态组件放置到合适位置,点击右上方的“预览”按钮,查看制作效果。

墨刀如何制作“左滑删除“效果

© 一点知识