Android TextView加载HTMl图文之让图片居中显示

上一篇博文解决了图片溢出的问题,现在又发现当图片小于TextView宽度的时候是靠左的,并没有居中显示。这个问题困扰了好久,在网上也搜索不到这种需求的信息。

探索

TextView 显示Html内容的时候,图片加载是在ImageGetter中的。getDrawable方法中是获取drawable对象 还没绘制上去,所以肯定无法在这里调整位置。那么就得去寻找绘制的方法:BitmapDrawable这个类了。
这个类中我们重写了draw方法。

 @Override
        public void draw(Canvas canvas) {
            super.draw(canvas);
            if (bitmap != null) {
                canvas.drawBitmap(bitmap, 0, 0, getPaint());
            }
        }

有一个canvas画布。有绘制的对象了那么调整绘制的位置也是让图片居中的一种方式。
所以在这里我使用canvas的宽度,它的宽度是等于TextView 的宽度的,具体方法如下:

@Override
        public void draw(Canvas canvas) {
            super.draw(canvas);
            if (bitmap != null) {
                int i = canvas.getWidth() - bitmap.getWidth();
                canvas.drawBitmap(bitmap, i/2, 0, getPaint());
            }
        }

利用画布的宽度减去图的宽度就是剩余的空白部分了,然后在绘制的时候x轴偏移i/2即可显示为居中。
注意:在getDrawable中我处理了图片宽度大于textView的情况,所以在这里bitmap的宽度是永远小于或等于canvas的宽度的,不存在i<0的情况。如果有特殊的需求需要注意这一点。

另外附上完整的ImageGetter类:

class DetailImageGetter implements Html.ImageGetter {
    private Context context;
    private TextView textView;

    DetailImageGetter(Context context, TextView textView) {
        this.context = context;
        this.textView = textView;
    }

    @Override
    public Drawable getDrawable(String source) {
        final UrlDrawable drawable = new UrlDrawable();
        Glide.with(context)
                .load(source)
                .asBitmap()
                .diskCacheStrategy(DiskCacheStrategy.RESULT)
                .into(new SimpleTarget() {
                    @Override
                    public void onResourceReady(Bitmap resource, GlideAnimation glideAnimation) {
                        float width = textView.getWidth();
                        Loger.debug("width: " + width);
                        if (resource.getWidth() > width) {
                            float scale = width / resource.getWidth();
                            int afterWidth = (int) (resource.getWidth() * scale);
                            int afterHeight = (int) (resource.getHeight() * scale);
                            drawable.setBounds(0, 0, afterWidth, afterHeight);
                            drawable.setBitmap(CommonUtil.resizeBitmap(resource, afterWidth, afterHeight));
                        } else {
                            drawable.setBounds(0, 0, resource.getWidth(), resource.getHeight());
                            drawable.setBitmap(resource);
                        }
                        textView.invalidate();
                        textView.setText(textView.getText());
                    }
                });
        return drawable;
    }

    private class UrlDrawable extends BitmapDrawable {
        private Bitmap bitmap;

        @Override
        public void draw(Canvas canvas) {
            super.draw(canvas);
            if (bitmap != null) {
                int i = canvas.getWidth() - bitmap.getWidth();
                canvas.drawBitmap(bitmap, i/2, 0, getPaint());
            }
        }

        void setBitmap(Bitmap bitmap) {
            this.bitmap = bitmap;
        }
    }
}

CommonUtil.resizeBitmap(resource, afterWidth, afterHeight));就是压缩bitmap 的尺寸。

/**
     * 使用Matrix将Bitmap压缩到指定大小
     * @param bitmap
     * @param w
     * @param h
     * @return
     */
    public static Bitmap resizeBitmap(Bitmap bitmap, int w, int h)
    {
        int width = bitmap.getWidth();
        int height = bitmap.getHeight();

        float scaleWidth = ((float) w) / width;
        float scaleHeight = ((float) h) / height;

        Matrix matrix = new Matrix();
        matrix.postScale(scaleWidth, scaleHeight);

        return Bitmap.createBitmap(bitmap, 0, 0, width,
                height, matrix, true);
    }

你可能感兴趣的:(Android TextView加载HTMl图文之让图片居中显示)