产品-Axure9英文版,图片放大缩小效果

1.1演示

拖动以放大缩小
在这里插入图片描述

1.2 演示

鼠标双击放大(模拟在手机屏幕上两指放大),光标退出时自动缩小
在这里插入图片描述

1.1操作

制作以下原件,一个dynamic panel,一个圆形,一个长方形
在这里插入图片描述
在dynamic panel里放置一张图片并且命名为pic2
在这里插入图片描述
调整大小并进行位置摆放
在这里插入图片描述
选中红色圆,转换为dynamic panel,对dynamic panel进行添加interaction。
这一步是移动圆形的interaction
在这里插入图片描述
再次添加交互进行移动图片,先设置width,再设置height
这里是width的设置

这里设置height
设置为中心放大
在这里插入图片描述
以上是设置向右放大,
现在设置向左缩小

在这里插入图片描述
这里设置width
这里是设置height

1.2 操作

先建立一个dynamic panel 再放入图片 (顺序一定不能错)
在这里插入图片描述
对插入的图片进行命名
在这里插入图片描述
点击dynamic panel 添加interaction
在这里插入图片描述
fx的设置公式同1.1操作
在这里插入图片描述

以上全部完成,达到预览效果。
(In this introductory guide, you’ll learn the basics of creating and sharing prototypes. You’ll learn about pages, widgets, and interactions. You’ll also learn how to view your prototypes in a web browser and share them with Axure Cloud.)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值