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