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

您所在的位置:网站首页 axure怎么放大缩小界面 [原型设计]Axure制作图像的放大与缩小效果的四种方式

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

2024-07-05 14:22| 来源: 网络整理| 查看: 265

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



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3