自定义view富文本RichText

参考:http://www.cnblogs.com/waterbear/p/4954817.html

由于api接口传过来的是富文本,使用的图片加载框架是facebook的fesco ,在想能不能在imageGetter里面使用fresco处理图片信息。于是google了一下,发现有一个RichText的自定义view。但在使用的过程中,BitmapDrawable在draw()的时候draw不出来,于是对drawable做处理。

原来的UrlDrawable ,使用了 drawable.draw(canvas)方法。canvas.drawBitmap(mBitmap, 0, 0, getPaint());能不能代替呢

 private static final class URLDrawable extends BitmapDrawable {
        private Drawable drawable;

        @SuppressWarnings("deprecation")
        public URLDrawable() {
        }

        @Override
        public void draw(Canvas canvas) {
            if (drawable != null)
                drawable.draw(canvas);
        }

        public void setDrawable(Drawable drawable) {
            this.drawable = drawable;
        }

        public Drawable getDrawable() {
            return drawable;
        }
    }

In general, drawing bitmaps is faster than drawing as with the right preparation, drawing a bitmap is just dumping memory to the screen. If you need to draw a scaled bitmap, then draw it as one using createScaledBitmap
rather than creating it then scaling it. You can achieve this by:
Bitmap myBitmap = BitmapFactory.decodeFile(myFile.getPath());myBitmap = myBitmap.createScaledBitmap(myBitmap, width, height, true);

The Android developers documentation on the above function
Calculating and drawing primitives while running takes calculations and when drawing many of them will decrease performance, so use more bitmaps where you can - but be careful of doing premature optimisation - there's no point creating lots of bitmaps if there's no need as there will not be a significance (i.e. noticable) performance increase.

draw bimap的话速度是比较快的。当计算绘制多个图元 的时候会降低性能,所以尽可能使用bitmap。

因此,可以断定是由于性能降低的问题导致draw不出来。于是修改成canvas.drawBitmap(mBitmap, 0, 0, getPaint())。

在使用fresco时候也遇到了问题,Postprocessor 返回的bitmap才是最终的bitmap,而draweeHolder.getHierarchy().getTopLevelDrawable()是一个ArrayDrawable,里面含有一个Drawable数组,数组中的某一个才是你的目标图片。
只能使用这个方法获取,最后在onFinalImageSet 更新。

ImageRequest request = ImageRequestBuilder.newBuilderWithSource(Uri.parse(source))
                    .setLowestPermittedRequestLevel(ImageRequest.RequestLevel.FULL_FETCH)
                    .setPostprocessor(new BasePostprocessor() {


                        @Override
                        public void process(Bitmap bitmap) {
                            super.process(bitmap);

                            int height = Constant.ScreenWidth * bitmap.getHeight() / bitmap.getWidth();
                            Bitmap sizeBitmap = bitmapScale(bitmap, d_w, height);
                            myDrawable.setBitmap(sizeBitmap);
                            myDrawable.setBounds(0, 0, d_w, height);

                            bitmapList.add(sizeBitmap);

                        }

                    }).build();

源码在此:

public class RichText extends android.support.v7.widget.AppCompatTextView {


    private OnImageClickListener onImageClickListener;//图片点击回调
    private MultiDraweeHolder<GenericDraweeHierarchy> mMultiDraweeHolder;
    private int d_w = 200;
    private int d_h = 200;
    private List<Bitmap> bitmapList = new ArrayList<>();

    private Bitmap placeHolderBitmap, errorBitmap;


    public RichText(Context context) {
        this(context, null);
        init(context, null);
    }

    public RichText(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
        init(context, attrs);
    }

    public RichText(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context, attrs);
    }

    private void init(Context context, AttributeSet attrs) {

        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.RichText);

        d_w = typedArray.getDimensionPixelSize(R.styleable.RichText_default_width, Constant.ScreenWidth);
        d_h = typedArray.getDimensionPixelSize(R.styleable.RichText_default_height, Constant.ScreenWidth / 2);


        placeHolderBitmap = BitmapFactory.decodeResource(context.getResources(), R.drawable.default_logo);
        placeHolderBitmap = Bitmap.createScaledBitmap(placeHolderBitmap, d_w, d_h, true);


        errorBitmap = BitmapFactory.decodeResource(context.getResources(), R.drawable.default_logo);
        errorBitmap = Bitmap.createScaledBitmap(placeHolderBitmap, d_w, d_h, true);


        typedArray.recycle();
        initDraweeHolder();
    }

    private void initDraweeHolder() {
        mMultiDraweeHolder = new MultiDraweeHolder<>();
    }


    /**
     * 设置富文本
     *
     * @param text 富文本
     */
    public void setRichText(String text) {
        Spanned spanned = Html.fromHtml(text, asyncImageGetter, null);
        SpannableStringBuilder spannableStringBuilder;
        if (spanned instanceof SpannableStringBuilder) {
            spannableStringBuilder = (SpannableStringBuilder) spanned;
        } else {
            spannableStringBuilder = new SpannableStringBuilder(spanned);
        }

        ImageSpan[] imageSpans = spannableStringBuilder.getSpans(0, spannableStringBuilder.length(), ImageSpan.class);
        final List<String> imageUrls = new ArrayList<>();

        for (int i = 0, size = imageSpans.length; i < size; i++) {
            ImageSpan imageSpan = imageSpans[i];
            String imageUrl = imageSpan.getSource();
            int start = spannableStringBuilder.getSpanStart(imageSpan);
            int end = spannableStringBuilder.getSpanEnd(imageSpan);
            imageUrls.add(imageUrl);

            final int finalI = i;
            ClickableSpan clickableSpan = new ClickableSpan() {
                @Override
                public void onClick(View widget) {
                    if (onImageClickListener != null) {
                        onImageClickListener.imageClicked(imageUrls, finalI);
                    }
                }
            };
            ClickableSpan[] clickableSpans = spannableStringBuilder.getSpans(start, end, ClickableSpan.class);
            if (clickableSpans != null && clickableSpans.length != 0) {
                for (ClickableSpan cs : clickableSpans) {
                    spannableStringBuilder.removeSpan(cs);
                }
            }
            spannableStringBuilder.setSpan(clickableSpan, start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        }
        super.setText(spanned);
        setMovementMethod(LinkMovementMethod.getInstance());
    }

    /**
     * 异步加载图片(依赖于fresco)
     */
    private Html.ImageGetter asyncImageGetter = new Html.ImageGetter() {
        @Override
        public Drawable getDrawable(String source) {

            final URLDrawable myDrawable = new URLDrawable(null, null);

            GenericDraweeHierarchy mHierarchy = new GenericDraweeHierarchyBuilder(getResources())
                    .build();
            final DraweeHolder draweeHolder = new DraweeHolder<>(mHierarchy);
            mMultiDraweeHolder.add(draweeHolder);


            ImageRequest request = ImageRequestBuilder.newBuilderWithSource(Uri.parse(source))
                    .setLowestPermittedRequestLevel(ImageRequest.RequestLevel.FULL_FETCH)
                    .setPostprocessor(new BasePostprocessor() {


                        @Override
                        public void process(Bitmap bitmap) {
                            super.process(bitmap);

                            int height = Constant.ScreenWidth * bitmap.getHeight() / bitmap.getWidth();
                            Bitmap sizeBitmap = bitmapScale(bitmap, d_w, height);
                            myDrawable.setBitmap(sizeBitmap);
                            myDrawable.setBounds(0, 0, d_w, height);

                            bitmapList.add(sizeBitmap);

                        }

                    }).build();


            DraweeController controller = Fresco.newDraweeControllerBuilder()
                    .setOldController(draweeHolder.getController())
                    .setImageRequest(request)
                    .setControllerListener(new ControllerListener<ImageInfo>() {
                        @Override
                        public void onSubmit(String id, Object callerContext) {

                            myDrawable.setBitmap(placeHolderBitmap);
                            myDrawable.setBounds(0, 0, d_w, d_h);

                            RichText.this.setText(getText());
                        }


                        @Override
                        public void onFinalImageSet(String id, ImageInfo imageInfo, Animatable animatable) {

                            RichText.this.setText(getText());

                        }

                        @Override
                        public void onIntermediateImageSet(String id, ImageInfo imageInfo) {
                        }

                        @Override
                        public void onIntermediateImageFailed(String id, Throwable throwable) {
                        }

                        @Override
                        public void onFailure(String id, Throwable throwable) {

                            myDrawable.setBitmap(errorBitmap);
                            myDrawable.setBounds(0, 0, d_w, d_h);
                            RichText.this.setText(getText());

                        }

                        @Override
                        public void onRelease(String id) {

                        }
                    })
                    .build();
            draweeHolder.setController(controller);

            return myDrawable;
        }
    };


    private static Bitmap bitmapScale(Bitmap bitmap, int newWidth, int newHeight) {
        int width = bitmap.getWidth();
        int height = bitmap.getHeight();
        // 计算缩放比例
        float scaleWidth = ((float) newWidth) / width;
        float scaleHeight = ((float) newHeight) / height;

        Matrix matrix = new Matrix();
        matrix.postScale(scaleWidth, scaleHeight); //长和宽放大缩小的比例
        Bitmap sizeBitmap = Bitmap.createBitmap(bitmap, 0, 0, bitmap.getWidth(), bitmap.getHeight(), matrix, true);
        return sizeBitmap;
    }


    private static class URLDrawable extends BitmapDrawable {
        Bitmap mBitmap;
        Rect mSrcRect;
        Rect mDstRect;

        public URLDrawable(Resources res, Bitmap bitmap) {
            super(res, bitmap);
        }

        public void setSrcRect(Rect srcRect) {
            mSrcRect = srcRect;
        }

        public void setDstRect(Rect dstRect) {
            mDstRect = dstRect;
        }

        @Override
        public void draw(Canvas canvas) {
            super.draw(canvas);

            // 绘制 bitmap
            if (mBitmap != null) {
                if (mSrcRect != null && mDstRect != null) {

                    canvas.drawBitmap(mBitmap, mSrcRect, mDstRect, getPaint());

                } else if (mDstRect != null) {

                    int width = mBitmap.getWidth();
                    int height = mBitmap.getHeight();

                    Rect srcRect = new Rect(0, 0, width, height);
                    canvas.drawBitmap(mBitmap, srcRect, mDstRect, getPaint());

                } else {

                    canvas.drawBitmap(mBitmap, 0, 0, getPaint());
                }
            }
        }

        public void setBitmap(Bitmap bitmap) {
            mBitmap = bitmap;
        }
    }


    public void setOnImageClickListener(OnImageClickListener onImageClickListener) {
        this.onImageClickListener = onImageClickListener;
    }

    public interface OnImageClickListener {
        /**
         * 图片被点击后的回调方法
         *
         * @param imageUrls 本篇富文本内容里的全部图片
         * @param position  点击处图片在imageUrls中的位置
         */
        void imageClicked(List<String> imageUrls, int position);
    }


    @Override
    public void onDetachedFromWindow() {
        super.onDetachedFromWindow();
        mMultiDraweeHolder.onDetach();
        recycleBitmap();

    }

    @Override
    public void onStartTemporaryDetach() {
        super.onStartTemporaryDetach();
        mMultiDraweeHolder.onDetach();
    }

    @Override
    public void onAttachedToWindow() {
        super.onAttachedToWindow();
        mMultiDraweeHolder.onAttach();
    }

    @Override
    public void onFinishTemporaryDetach() {
        super.onFinishTemporaryDetach();
        mMultiDraweeHolder.onAttach();
    }


    private void recycleBitmap() {

        Log.e("recycleBitmap", "recycleBitmap");

        if (placeHolderBitmap != null) {
            if (!placeHolderBitmap.isRecycled()) {
                placeHolderBitmap.recycle();
                placeHolderBitmap = null;
            }
        }

        if (errorBitmap != null) {
            if (!errorBitmap.isRecycled()) {
                errorBitmap.recycle();
                errorBitmap = null;
            }
        }


        for (Bitmap bitmap : bitmapList) {

            if (bitmap != null) {
                if (!bitmap.isRecycled()) {
                    bitmap.recycle();
                    bitmap = null;
                }
            }
        }

        System.gc();
    }


}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,547评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,399评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,428评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,599评论 1 274
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,612评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,577评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,941评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,603评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,852评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,605评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,693评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,375评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,955评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,936评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,172评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,970评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,414评论 2 342

推荐阅读更多精彩内容