腾讯IM中表情和文本不对齐的问题

今天给大家分析下，腾讯IM提供的Demo中表情和文本信息不管是在TextView还是EditText中不能对齐的问题

首先可以肯定腾讯IM中使用的是把assets下的一个文件夹中的图片循环遍历成一个BitMap；然后转换成一个ImageSpan，最后放到SpannableStringBuilder里面；

其实对齐方式的主要关键点在转换ImageSpan的步骤里；

如果从写ImageeSpan的draw和getSize方法就可以将对不齐的问题解决；

下面就直接贴代码吧

public class MyImageSpan extends ImageSpan {
    public MyImageSpan(Context context, Bitmap b, int verticalAlignment) {
        super(context, b, verticalAlignment);
    }

    public int getSize(Paint paint, CharSequence text, int start, int end, Paint.FontMetricsInt fm) {
        Drawable d = getDrawable();
        Rect rect = d.getBounds();
        if (fm != null) {
            Paint.FontMetricsInt fmPaint = paint.getFontMetricsInt();
            int fontHeight = fmPaint.bottom - fmPaint.top;
            int drHeight = rect.bottom - rect.top;
            int top = drHeight / 2 - fontHeight / 4;
            int bottom = drHeight / 2