Using HtmlHttpImageGetter, BUT loading img URL pic too small.

[jinmiao]

May be need Mini or Max size for UE.

Or

Add function to set BitmapDrawable scale

[gowrojisunil]

Any update on this ?. I have the same problem

[hezhipengzipp]

anyone know to dealwith it? I have the same problem

[rex3du]

Just use this function enableCompressImage of HtmlHttpImageGetter or use this constructor HtmlHttpImageGetter(TextView textView, String baseUrl, boolean matchParentWidth).

[dovahkiin98]

@rex3du The image gets cut by the parent's padding

[muziling]

any update?

    private float getScale(Drawable drawable) {
        View container = containerReference.get();
        if (!matchParentWidth || container == null) {
            return 1f;  //here can be adjust to text size or custom text size????????
        }
        float maxWidth = container.getWidth();
        float originalDrawableWidth = drawable.getIntrinsicWidth();

        return maxWidth / originalDrawableWidth;
    }

[OsbornWJ]

why don't use BitMap width and height?

[Mun0n]

Have the same issue, the padding cut the image sides

[sami-soft]

i am problame not slove.

where set scale image ? images are too small

[kosiara]

@sami-soft @Mun0n @hezhipengzipp To fix your problem with images being too small - please use the following code sample

htmlTextView.setHtml(newValue, HtmlHttpImageGetter(this, null, true))

i.e. set HtmlHttpImageGetter constructor parameter matchParentWidth to true

public HtmlHttpImageGetter(TextView textView, String baseUrl, boolean matchParentWidth) {
}

[toutoumu]

改了一下用的Glide加载图片, 可以自定义图片匹配宽度, 或者自定义大小 大小单位为 dp

` /*

• Copyright (C) 2014-2016 Dominik Schürmann [email protected]
• Copyright (C) 2013 Antarix Tandon
• Licensed under the Apache License, Version 2.0 (the "License");
• you may not use this file except in compliance with the License.
• You may obtain a copy of the License at

•  http://www.apache.org/licenses/LICENSE-2.0
  

• Unless required by applicable law or agreed to in writing, software
• distributed under the License is distributed on an "AS IS" BASIS,
• WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
• See the License for the specific language governing permissions and
• limitations under the License. */

package com.beijing.fragment.live;

import android.graphics.Bitmap; import android.graphics.Canvas; import android.graphics.drawable.BitmapDrawable; import android.graphics.drawable.Drawable; import android.support.annotation.NonNull; import android.support.annotation.Nullable; import android.text.Html.ImageGetter; import android.view.View; import android.widget.TextView; import com.beijing.R; import com.blankj.utilcode.util.SizeUtils; import com.bumptech.glide.Glide; import com.bumptech.glide.request.RequestOptions; import com.bumptech.glide.request.target.SimpleTarget; import com.bumptech.glide.request.transition.Transition; import java.lang.ref.WeakReference; import timber.log.Timber;

public class HtmlHttpImageEmojiGetter implements ImageGetter { private TextView container; private int mSize; private boolean matchParentWidth = false; private boolean compressImage = false; private int qualityImage = 50;

private final WeakReference<TextView> containerReference;

public HtmlHttpImageEmojiGetter(TextView textView) { this.container = textView; this.mSize = SizeUtils.dp2px(20); this.containerReference = new WeakReference<>(container); }

public HtmlHttpImageEmojiGetter(TextView textView, int size) { this.container = textView; this.mSize = SizeUtils.dp2px(size); this.containerReference = new WeakReference<>(container); }

public HtmlHttpImageEmojiGetter(TextView textView, boolean matchParentWidth) { this.container = textView; this.mSize = SizeUtils.dp2px(20); this.matchParentWidth = matchParentWidth; this.containerReference = new WeakReference<>(container); }

public void enableCompressImage(boolean enable) { enableCompressImage(enable, 50); }

public void enableCompressImage(boolean enable, int quality) { compressImage = enable; qualityImage = quality; }

public Drawable getDrawable(String source) { UrlDrawable urlDrawable = new UrlDrawable(); /Drawable drawable = container.getResources().getDrawable(R.drawable.ic_default_image); if (drawable != null) { drawable.setBounds(0, 0, (int) (drawable.getIntrinsicWidth() * getScale(drawable)), (int) (drawable.getIntrinsicHeight() * getScale(drawable))); urlDrawable.drawable = drawable; urlDrawable.setBounds(drawable.getBounds()); }/

RequestOptions requestOptions =
  new RequestOptions().placeholder(R.drawable.ic_default_image).error(R.drawable.ic_default_empty);
if (compressImage) {
  requestOptions.encodeQuality(qualityImage);
}

// get the actual source
Glide.with(container).asDrawable().apply(requestOptions).load(source).into(new SimpleTarget<Drawable>() {
  @Override
  public void onResourceReady(@NonNull Drawable resource, @Nullable Transition<? super Drawable> transition) {
    float scale = getScale(resource);
    resource.setBounds(0, 0, (int) (resource.getIntrinsicWidth() * scale), (int) (resource.getIntrinsicHeight() * scale));

    // change the reference of the current drawable to the result from the HTTP call
    urlDrawable.drawable = resource;

    // set the correct bound according to the result from HTTP call
    urlDrawable.setBounds(resource.getBounds());

    // redraw the image by invalidating the container
    container.invalidate();

    // re-set text to fix images overlapping text
    container.setText(container.getText());

    Timber.e("urlDrawable.invalidateSelf()");
  }
});

// return reference to URLDrawable which will asynchronously load the image specified in the src tag
return urlDrawable;

}

private float getScale(Bitmap bitmap) { View container = containerReference.get(); if (container == null) { return 1f; } // 不匹配宽度 if (!matchParentWidth) { float originalDrawableWidth = bitmap.getWidth(); return mSize / originalDrawableWidth; }

float maxWidth = container.getWidth();
float originalDrawableWidth = bitmap.getWidth();
return maxWidth / originalDrawableWidth;

}

private float getScale(Drawable drawable) { View container = containerReference.get(); if (container == null) { return 1f; }

// 不匹配宽度
if (!matchParentWidth) {
  float originalDrawableWidth = drawable.getIntrinsicWidth();
  return mSize / originalDrawableWidth;
}

float maxWidth = container.getWidth();
float originalDrawableWidth = drawable.getIntrinsicWidth();
return maxWidth / originalDrawableWidth;

}

@SuppressWarnings("deprecation") public class UrlDrawable extends BitmapDrawable { protected Drawable drawable;

@Override
public void draw(Canvas canvas) {
  // override the draw to facilitate refresh function later
  if (drawable != null) {
    drawable.draw(canvas);
  }
}

} }

`

[qhs107]

When I rotate the screen, the picture gets bigger. new HtmlHttpImageGetter(htmlTextView, null, true));//This is my code.

[qhs107]

Sorry,It's my code that's wrong.