[原型设计]Axure制作图像的放大与缩小效果的四种方式

本文详细介绍了在Axure中制作图像放大与缩小效果的四种方法,包括瞬间放大、线性渐变、对内放大以及以中心点缩放。通过设置动态面板、鼠标事件和动画效果,实现了鼠标滑过时图片的平滑变换,同时提供了不同类型的放大和缩小视觉体验。
摘要由CSDN通过智能技术生成

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图片逐渐放大,图片左上角左边不变,沿对角放大。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值