(完整word版)使用Axure实现电商产品列表复杂原型.docxVIP

使用 Axure 实现电商产品列表复杂原型 在原型图制作中， 经常需要制作一些数据可变的原型。 例如，搜索查找时的 模糊匹配，管理平台中商品的添加与删除， 状态发表时文字输入的字数统计。 在 Axure7.0 之前需要实现这些功能十分复杂，并且要配合大量的动态面板。 Axure7.0 版本开始增加了中继器元件，该元件功能强大，是一个数集的容器， 中继器一共有 11 个动作，其中包括 6 个中继器动作和 5 个数据集动作，在原型 制作中可以导入图片和数据，在交互上它可以实现新增行、删除行、标记行、排 序，筛选等。配合函数使用，中继器可以实现的高级交互效果更多。 1.1 产品列表案例 完成效果 本案例最终可以实现对商品列表进行增删改查的操作， 也可以进行排序， 页 面效果如图 4.1 所示。 图 4.1 产品列表 技能分析 中继器与条件判断的结合。 案例实现 实现步骤与讲解 步骤 1：产品页面搭建 本案例中产品列表是由中继器元件搭建的， 中继器的使用方法与动态面板略 有不同。中继器是数据集，是对数据库的模拟，先制作数据排版结构，然后插入 数据即可将想要的效果表现出来， 并不需要依次制作所有的数据展示模块， 如图 4.2 所示。 图 4.2 中继器的数据排版结构 向页操作区拖入中继器元件，在右侧的属性栏中增加了一项中继器独有的 “每项加载时 ”事件及中继器数据表，如图 4.3 所