span表情输入框 --- Author: rose && lvyerose@163.com
像QQ等社交聊天中,不可或缺的一部分就是我们常用的表情输入了,有时候有趣的表情同样能吸引住用户达到用户常驻的效果,当然,我们开发的时候不用去研究如何才能做到有趣,如何才能做到足够吸引用户,我们只需要将需要的功能完美实现就OK了。
接下来我们简单的实现Android平台上的表情输入转化进行实现,所需素材已经Demo源码已上传git,仓库地址为:https://git.oschina.net/lvye.rose/SpanDemo.git 有需要的童鞋可以自行去Down
1、准备所需素材图片,以下是21张规格一致的表情素材
![](http://images0.cnblogs.com/blog2015/727561/201503/051506598367227.png)
2、布局书写
![](http://images0.cnblogs.com/blog2015/727561/201503/051507122271577.png)
相信这简单的布局大家都能很快就能写出来,就不上代码了,关键是注意底部有个隐藏的GridView布局,用来显示所有表情的,如下图:
![](http://images0.cnblogs.com/blog2015/727561/201503/051507255247781.png)
3、关键代码
![](http://images0.cnblogs.com/blog2015/727561/201503/051507353997330.png)
![](http://images0.cnblogs.com/blog2015/727561/201503/051507418365996.png)
![](http://images0.cnblogs.com/blog2015/727561/201503/051507485245821.png)
4、最终效果如下:
![](http://images0.cnblogs.com/blog2015/727561/201503/051507544454045.png)
来自蜀汉玫瑰编辑!