如何在Axure RP 中设置搜索框交互,步骤如下:选择「文本框」,在右侧选择「交互」-「新建交互」。

image.png

在下拉列表中选择「文本更改时」。

image.png

选择「添加过滤器」的新动作,并设置中继器规则,[名字][包含][元件上的文本][名字]。

image.png

增加聚焦动作,显示Sesrch面板并设置选择状态。

双击中继器,选中矩形,添加「点击」将矩形的文本分配给搜索文本字段,隐藏搜索面板,同时取消选中。

image.png

默认隐藏搜索面板。设置搜索框的选定样式。这样就完成了所有的设置。