Axure RP8如何实现点击图片隐藏其中一部分

时间:2024-10-14 00:11:54

1、新建一个空白的画布,拖动一个图片元件到画布中;

Axure RP8如何实现点击图片隐藏其中一部分

2、在图片元件右键菜单中选中“导入图片”,选择电脑上的一张图片;

Axure RP8如何实现点击图片隐藏其中一部分

3、导入图片后,在图片右键菜单选中“分割图片”;

Axure RP8如何实现点击图片隐藏其中一部分

4、选中分割图片后,可以看到有一个十字的分割线,选择图片大概位置后确定;

Axure RP8如何实现点击图片隐藏其中一部分

5、分割后的图片相当于4个小图片,可以随意分开和组合;

Axure RP8如何实现点击图片隐藏其中一部分

6、选中图片,双击右边属性面板中的“鼠标单击时”选项;

Axure RP8如何实现点击图片隐藏其中一部分

7、在用例编辑界面中,设置元件点击时隐藏,设置项如图;

Axure RP8如何实现点击图片隐藏其中一部分

8、然后预览,当点击设置的图片时,此部分的图片会自动隐藏;

Axure RP8如何实现点击图片隐藏其中一部分
© 手抄报圈