多语言展示
当前在线:1231今日阅读:86今日分享:14

axure表情包输入框

本文给大家介绍用axure制作制作自带表情包的输入框,一起来看看~原型演示地址:http://1sgsfo.axshare.cn/#g=1
工具/原料
1

中继器

2

图片

3

输入框(输入文字)

4

表情包图片多张

方法/步骤
1

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

2

设置中继器:1、在中继器里面放入一张图片,水平布局,多页显示,每页5项,第一列picture,导入准备好的表情包图片,第二列word为空值。中继器默认隐藏2、中继器载入时事件:标记所有行      每项加载时事件:设置图片=picture,设置图片文字=word。

3

设置文本框文本改变时事件:1、如果文本为空或文字太长(大于7),隐藏表情包中继器。2、如果文本不为空且文字小于7,显示中继器,更新中继器已标记word=输入框的文字。

注意事项

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

推荐信息