Axure利用中继器实现输入框动态提示功能

本文介绍如何在Axure中使用中继器创建动态输入提示功能。通过设置输入框和中继器,当输入框内容变化时,中继器筛选并显示匹配的提示内容。详细步骤包括添加文本框、中继器,设置中继器样式和交互事件,以及实现点击提示信息填充编辑框等交互效果。
摘要由CSDN通过智能技术生成

本文介绍一下用中继器实现输入框内容动态提示的具体方法,最终实现的效果如下:
在这里插入图片描述
从动图中可以看出,基本组成元素包括输入框和一个中继器,在输入框中内容发生变化的时候,对中继器内容进行动态筛选,并在编辑框下面显示筛选结果。具体步奏如下所示:

1、首先在界面中拖入一个文本框,可以自行设置输入框的样式;
在这里插入图片描述
2、在编辑框下部拖入一个中继器,中继器默认显示了三项内容;

在这里插入图片描述
3、单击中继器,在右边的样式一栏可以看到中继器自身带有一个类似excel的数据表,表中的每一行数据对应中显示出来的行信息,比如默认的数据表中有3行,显示的中继器也有3行数据,双击进入中继器,可以看到里面有一个矩形框,而中继器本身有一个交互事件,名字叫“每项加载时”,操作为设置矩形的文本为Item.Column0。其中Item指代的就是中继器,而Column0就是其中的一个数据列。不难看出,就是在中继器中每一项内容加载的时候,将其中的矩形框的值设置为中继器中Column0中的值。比如我们再加了一列Column1,并在中继器中添加一个矩形框1,我们同样可以再增

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值