在手机产品设计中,左滑删除效果也是比较常见的交互效果之一,下面我们一起来看看如何制作。
工具/原料
DellVostro
Windows10
墨刀6.5
方法/步骤
1、把制作左滑删除效果的相关组件放置到编辑区,点击右侧面板的”添加组件状态“按钮。
2、编辑组件状态:在状态1和状态2下,调整组件的可视区域;状态2下,把组件调整为左滑后的视图状态。
3、添加交互:在状态1下,拖拽工作栏左侧的闪电图标至状态2,糙怍牢莱事件选择”左滑“,行为选择”切换至状态2“;在状态2下,事件选择”右滑“,行为选择”切换至状态1“。
4、预览:返回编辑区,把动态组件放置到合适位置,点击右上方的“预览”按钮,查看制作效果。