本文给大家介绍用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官网下载,祝大家做出自己喜欢的原件。
上一篇:国内怎样使用ins
下一篇:手机ins 如何查看私人影集?