Axure教程—自动合计(中继器)

本文将教大家如何用AXURE中的中继器制作合计效果(自动计算结果)
一、效果介绍
如图:
Axure教程—自动合计(中继器)_第1张图片
预览地址:https://akvlov.axshare.com

下载地址:https://download.csdn.net/download/weixin_43516258/87877722?spm=1001.2014.3001.5501
二、功能介绍
根据单价和重量计算花费多少钱
三、制作方法

1、制作一个1×4的表格,如图“:在这里插入图片描述
2、拖入一个中继器组件,命名为水果,中继器赋值如图:

Axure教程—自动合计(中继器)_第2张图片
3.中继器内部
拖入四个矩形,其大小为201×35,分别命名为名称、单价、数量、小计,如图:
在这里插入图片描述
整体制作如图:

Axure教程—自动合计(中继器)_第3张图片
四、交互设置
中继器每项加载时,
名称设置,如图:
Axure教程—自动合计(中继器)_第4张图片

单价设置,如图:
Axure教程—自动合计(中继器)_第5张图片

重量设置,,如图:
Axure教程—自动合计(中继器)_第6张图片

小计设置,如图:
Axure教程—自动合计(中继器)_第7张图片

整体设置,如图:
Axure教程—自动合计(中继器)_第8张图片

整体制作完成。

你可能感兴趣的:(Axure,Axure原型设计,Axure高保真原型设计,axure,Axure中继器,Axure教程,Axure自动合计)