QQ/微信 聊天表情显示原理

以前一直好奇QQ的输入框里面是如何出现表情的，今天看了下这个，心中发出“原来是这样啊”的感叹。

通常情况下，我们都是使用字符串类型的变量，直接放置在TextView.setText()的参数里面的。这样只能单纯的输出字符串。如果要给TextView加上特殊的文本效果，就要使用SpannableString这个类了。

用法如下：

new一个SpannableString对象，将要显示的字符串作为构造方法的参数传入。

调用SpannableString.setSpan(Object, int, int, int)方法进行设置。第一个参数为需要设定的样式，有很多个类可以选择，都在这里啦：http://developer.android.com/reference/android/text/style/CharacterStyle.html

官方文档上面那里的直接子类和间接子类都是可以用的样式。

第二参数是开始的位置，0表示第一个字符

第三个参数是结束的位置

第四个参数是一个表示替换的位置是否会影响开头和结尾，诶……我试了下发现没什么变化呢……

然后就是把这个SpannableString对象传给TextView.setText()方法的参数就好了。

代码如下：

 public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        TextView t=(TextView) findViewById(R.id.textview);
        SpannableString ss=new SpannableString("abcdefg");
        ImageSpan s=new ImageSpan(this,R.drawable.ic_launcher);
        ss.setSpan(s, 0, 5,  Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        t.setText(ss);
    }


}