利用Axure中继器实现简单的商品新增、删除

Axure中的中继器是一个数据集 , 中继器可以看作是一个姑且的数据库 , 可以演示数据的存、读、删、改 , 用于设计高级交互 。
本文介绍的是操纵Axure 8的中继器这个元件 , 实现简单的商品新增、删除、全数删除的功能 。

需要这些哦
电脑
Axure RP 8
方式/
1打开Axure , 建立一个新的rp文件 , 在左侧东西栏根基元件中 , 找到“中继器”;
将元件拖到index页面中 , 并将该元件定名为“商品中继器” 。

利用Axure中继器实现简单的商品新增、删除



利用Axure中继器实现简单的商品新增、删除



2双击中继器 , 进入了中继器的编纂页面 。

利用Axure中继器实现简单的商品新增、删除



3中继器页面中自带的阿谁矩形元件可以删失落 , 然后插手我们需要显示的元件;
a、插手6个文本标签元件 , 用于显示商品的三个属性:名称、类型、数目
b、名称后的文本标签元件定名为“name”
c、类型后的文本标签元件定名为“type”
d、数目后的文本标签元件定名为“quantity”

利用Axure中继器实现简单的商品新增、删除



利用Axure中继器实现简单的商品新增、删除



利用Axure中继器实现简单的商品新增、删除



利用Axure中继器实现简单的商品新增、删除



4在右侧东西栏中继器属性中 , 设置中继器的三个列题目为“name”、“type”、“quantity” , 并在中继器列表中 , 输入几条商品数据 。

利用Axure中继器实现简单的商品新增、删除



利用Axure中继器实现简单的商品新增、删除



5给中继器添加用例(绑定命据集与元件):
1、双击“每项加载时” , 打开用例编纂页;
2、在添加动作栏 , 勾选“元件”下的“设置文本”
3、在设置装备摆设动作栏 , 勾选元件“name(矩形)”
4、点击“fx” , 打开编纂文本窗口 , 将“文本标签”这几个字删失落
5、点击“插入变量或函数” , 选择“中继器/数据集”下的“Item.name”(  与前面设置装备摆设动作栏中的元件名对应) , 确定后完当作一个元件的数据集绑定
6、反复以上
, 别离对“type(矩形)”、“quantity(矩形)”这两个元件进行数据集绑定
7、完当作用例设置后 , 点击F5运行一下 , 查抄元件没有和对应的数据集绑定在一路
8、预览可以看到 , 中继器中预先输入的3条商品数据都显示出来了

利用Axure中继器实现简单的商品新增、删除

猜你喜欢