中继器系列（一）：信息新增、删除、简单筛选

honghu2

中继器系列（一）：信息新增、删除、简略挑选

在Axure中中继器是一个奇异的工具，近来在处置列表的时辰利用到了中继器的增、删、查。如今对付这个模块做一个简略的教程。算是以前想做Axure系列的进修条记的起头吧。

1、前期筹备电脑：mac和win均可以（案例以win体系为例，mac雷同）软件：Axure 8.0（如需软件可以文章后面留言）纯熟水平：低级（会利用简略的元件便可）相干利用元件：矩形、按钮、中继器、文本框，多行文本框、下拉列表框。2、结果展现
结果展现：
3、正文（建造进程）1. 搭建初始静态界面
在静态界面的搭建中会利用到前期筹备中所说起的元件和相干属性。这些都是比力根基的操作，就部逐一诠释了。搭建后的界面以下图，所用元件也做了具体定名处置，大师可以看定名后缀举行一些元件的区别。


2. 中继器联系关系相干初始数据
中继器的相干初始数据均可以在Axure中前期录入部门数据。录入数据后必要将数据与以前中继器中的文本举行绑定。（若是有些数据为相干同的数据，便可以不消联系关系，直接复用，详细可以自行检察中继器根本常识）。




3. 信息删除
这一步重要操作为信息的删除，重要以删除举动例。


4、信息增长1. 本步重要重要操作为信息的增长
思绪：初始加载暗藏弹框，在点击上部新增的时辰举行弹框显示，输入相干信息，然后点击新增，信息添参加表格，弹框暗藏。

给弹框的【新增】按钮添加鼠标点击事务：


2. 为行中的数据绑定输入源


添加绑定信息



姓名绑定



性别绑定



备注绑定
3. 优化数据添加逻辑——姓名不克不及为空
思绪：在新增按钮点击新增时果断姓名文本框中是不是有字符的输入，若是没有就在姓名输入栏下显示【姓名不克不及为空】提醒，若是有字符输入就直接添加乐成，弹框暗藏。



字符为空提醒



不为空乐成添加



给输入文本框获得核心时暗藏提醒语句

最后为【新增】【取缔】添加暗藏时候（注重，新增的暗藏事务要添加到输入不为空的环境下）：



这些内部逻辑处置完成后，只需绑定弹框到顶部新增就行。

弹框暗藏，点击新增显示：



新增与弹框绑定
4. 信息挑选
思绪：让下拉菜单当选中项作为前提，来协助挑选按钮的事务处置

（1）性别：女



前提添加



挑选添加

（2）性别：男



前提添加



挑选添加

全选（取缔挑选） 操纵中继器的取缔挑选：



取缔挑选
总结定名：可让本身更便利的区别组件，找到组件。逻辑前后：在做原型以前，必定要想清晰逻辑，甚么在前甚么在后（包含果断前提）。排版：尽量的去做一些规范，在利用元件时巨细、高度都有一些束缚，如许排版就会相对于雅观些。
原型下载：

本文由 @Brose 原创公布于人人都是产物司理，未经允许，制止转载。

题图来自 Unsplash，基于CC0协定。