墨刀如何制作“图片放大”效果

在产品设计中，用户点击放大图片是比较常见的交互效果，下面我们一起来看如何制作该效果。

工具/原料

DellVostro

Windows10

墨刀6.5

方法/步骤

1、把背景矩形组件放置到页面编辑区，点击右侧面板的“添加组件状态”按钮。

2、编辑组件状态：在“状态1”下，点击右侧面板的”隐藏“按钮；在”状态2“下，将放士候眨塄大后的图片放置到合适的区域。

3、添加交互：在”状态2“下，拖拽图片左侧的”闪电“图标至”咽疖纲掇状态1“。退出动态组件编辑，选定小图片，在右侧面板点击”添加事件“，行为选择”切换组件状态“，状态选择”状态2“。

4、预览：点击右上角的”预览“按钮，预览制作效果。