1、新建Axure RP项目,取名“Axure制作图像的放大与缩小效果”
2、拖入动态面板控件,取名“放大缩小”。设置大小为560*330px。坐标为x:300,Y:300。
3、在动态面板控件“放大缩小”State1状态设置背景图片,选择Repeat为Stretch to Cover
4、添加OnMouseEnter和OnMouseOut事件,要求鼠标滑上图片时放大1.2倍,672px*396px,鼠标滑出图片时图片缩小到原560*330px的效果。
Animate:None图片瞬间放大,图片左上角左边不变,沿对角放大。
Linear图片逐渐放大,图片左上角左边不变,沿对角放大。

本文详细介绍了在Axure中制作图像放大与缩小效果的四种方法,包括瞬间放大、线性渐变、对内放大以及以中心点缩放。通过设置动态面板、鼠标事件和动画效果,实现了鼠标滑过时图片的平滑变换,同时提供了不同类型的放大和缩小视觉体验。
最低0.47元/天 解锁文章
266

被折叠的 条评论
为什么被折叠?



