本文给大家介绍用axure制作制作自带表情包的输入框，一起来看看~

原型演示地址：http://1sgsfo.axshare.cn/#g=1

原型下载地址：https://www.axureshop.com/a/896350.html

工具/原料

• 中继器
• 图片
• 输入框（输入文字）
• 表情包图片多张

方法/步骤

步骤1

准备多种表情包图片，去掉文字，底部留空。

步骤2

设置中继器：

1、在中继器里面放入一张图片，水平布局，多页显示，每页5项，第一列picture，导入准备好的表情包图片，第二列word为空值。中继器默认隐藏

2、中继器载入时事件：标记所有行

每项加载时事件：设置图片=picture，设置图片文字=word。

步骤3

设置文本框文本改变时事件：

1、如果文本为空或文字太长（大于7），隐藏表情包中继器。

2、如果文本不为空且文字小于7，显示中继器，更新中继器已标记word=输入框的文字。

END

• 该原型可以在axure官网下载，祝大家做出自己喜欢的原型。

原型下载地址：https://www.axureshop.com/a/896350.html