手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

Axure 9 实现元件大小和位置变换

时间:2024-10-13 17:33:36

1、在画布中拖入一个矩形框,大小为300x170,如下图所示:

Axure 9 实现元件大小和位置变换

2、 在矩形框的下方,分两行排列4个输入框,分别命名为:X值、Y值、W值、H值,如下图所示

Axure 9 实现元件大小和位置变换

3、 首先实现更改X值,可以让矩形沿着X轴移动,这里我们需要在X值这稍僚敉视个输入框上做文本改变事件。 文本改变事件:文本改变时,移动矩形沿着x轴移动输入框中所输入数值等同的距离

Axure 9 实现元件大小和位置变换
Axure 9 实现元件大小和位置变换
Axure 9 实现元件大小和位置变换

4、 其次实现更改Y值,可以让矩形沿着Y轴移动,这里和X轴移动的原理一样,只需设置矩形移动Y值输入框所输入数值等同的距离即可。

Axure 9 实现元件大小和位置变换

5、 接下来实现更改W值,让矩形变长。这个我们需要在W值输入框上做文本改变事件。 文本改变事件:文本改变时,设置矩形宽度为W值输入框内所输入的数值。

Axure 9 实现元件大小和位置变换
Axure 9 实现元件大小和位置变换

6、 更改H值,让矩形变高,和变宽同样的道理。

Axure 9 实现元件大小和位置变换
© 手抄报圈