利用Axure实现图片悬停放大效果

撰写人:黄文政 创建时间:2021年1月8日
打开Axure新建一个文件,然后在左下角元件库里找到一个叫图片的东西,按住鼠标左键把图片拖到右边空白页面里。拖拽出来之后页面中会出现一个待导入的图片。双击这个图片就会弹出一个框框来。然后想导入什么图片进来根据自己电脑上的图片所在位置一步一步打开文件,就能找到这张图片双击它就导入进来了。
在这里插入图片描述
在这里插入图片描述

鼠标点一下这个导入进来的图片,如果已经选中了就不用点击了。然后鼠标右键转换为动态面板。双击这张图片弹出动态面板管理界面然后打开State1也就是状态1。打开状态一之后会发现我们上面的页面已经不是index了是一个叫动态面板/State1的页面。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

接下来开始进入正题,选中这张图片在右侧交互效果那里添加一个鼠标移入时效果,鼠标双击弹出需要添加的效果找到设置尺寸,然后在配置动作那里选中当前元件,给它设置宽高就行了,想放多大就把宽高设多大,我这张图片原图是324324的然后我给它放大后的宽高设成了340340。再给这个图片设置一个放大时的效果,以及锚点。锚点这里我选择了中心处开始放大,动画为线性,时间300毫秒。点击确定就OK了。
在这里插入图片描述
在这里插入图片描述

Guess you like

Origin blog.csdn.net/weixin_44567391/article/details/112647129