axure 导入元件库显示不出白框_axure表情包输入框

本文给大家介绍用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，祝大家做出自己喜欢的原件。