Axure RP9 中继器简单操作(2)

四、新增行( 绘制模态框,默认隐藏。 用户点击新增按钮,模态框显示,用户输入数据,点击确定按钮,填充数据到数据集中(注意设置局部变量),模态框关闭;用户再次点击新增按钮,模态框的时候,模态框内有上次填充的值,需要清空,给新增按钮的点击交互里添加动作设置文本,设置要清空的元件的值为空。)
(1)新拖拽如图操作栏,并组合命名为操作栏Axure RP9 中继器简单操作(2)
(2)拖拽如图矩形,命名为遮罩,并修改透明度,使底部文字可以看到。Axure RP9 中继器简单操作(2)
(3)拖拽如图矩形,并命名为包裹。Axure RP9 中继器简单操作(2)
(4)拖拽元件,设计新增内容框,并如下图所示组合,并在视图中隐藏模态框Axure RP9 中继器简单操作(2)
(5)选中新增按钮,新建交互,事件为鼠标单击时,动作为显示与隐藏勾选模态框,并勾选右栏置于顶层,暂时不要点击确定。Axure RP9 中继器简单操作(2)
(6)添加动作显示与隐藏,勾选模态框,右栏选中隐藏,点击确定。Axure RP9 中继器简单操作(2)
(7)选中模态框中确定按钮,新建交互,事件为鼠标单击时,动作为新增行,勾选模态框,然后点击右栏新增行,在弹出的对话框中点击fx,点击新增局部变量,修改公式为如图所示,接着点击上方插入函数,点击局部变量中的content,然后对day做同样操作,最后确定。Axure RP9 中继器简单操作(2)Axure RP9 中继器简单操作(2)Axure RP9 中继器简单操作(2)Axure RP9 中继器简单操作(2)
(8)继续添加动作显示与隐藏,勾选模态框,点击右侧隐藏,最后确定。Axure RP9 中继器简单操作(2)
(9)做完前8步,可以完成对数据的添加,但是当你添加完一个数据后,再次点击添加,上次添加的内容仍然在文本框中,要使每次打开新增,文本框中都是空白的,要进行下一步操作。
新增按钮新建交互,事件为鼠标单击时,动作为设置文本,勾选两个文本框,值不要写任何东西,确定,这样就是比较完整的对中继器进行数据添加的操作。Axure RP9 中继器简单操作(2)
五、模糊搜索(动作选择添加过滤,规则设置为字符串的indexOf>-1
(1)对搜索按钮(放大镜)进行新建交互,事件为鼠标单击时,动作为新增过滤器勾选中继器,名称起为过滤内容,点击fx新增局部变量,修改公式为如图所示:Axure RP9 中继器简单操作(2)Axure RP9 中继器简单操作(2)
(2)并在上方输入公式
模糊匹配:[[Item.content.indexOf(value)>-1]] 或者
完全匹配:[[Item.content==value]]
这样在预览进行搜索时就可以得到你所需要的数据。Axure RP9 中继器简单操作(2)