项目中有这样一个需求:
textview加载一段 html标签 其中包含 " ==== ps 关于三星手机 只能成功加载一张图片 还在解决中ing public URLDrawable() {
}
@Override
public void draw(Canvas canvas) {
if (drawable != null)
drawable.draw(canvas);
}
public void setDrawable(Drawable drawable) {
this.drawable = drawable;
}
}
public void setPlaceHolder(Drawable placeHolder) {
this.placeHolder = placeHolder;
this.placeHolder.setBounds(0, 0, d_w, d_h);
}
public void setErrorImage(Drawable errorImage) {
this.errorImage = errorImage;
this.errorImage.setBounds(0, 0, d_w, d_h);
}
public void setOnImageClickListener(OnImageClickListener onImageClickListener) {
this.onImageClickListener = onImageClickListener;
}
public interface OnImageClickListener {
/**
* 图片被点击后的回调方法
*
* @param imageUrls 本篇富文本内容里的全部图片
* @param position 点击处图片在imageUrls中的位置
*/
void imageClicked(List
}
}
// ============================ImageTransform 处理图片比例展示
public class ImageTransform implements Transformation {
private String Key = "ImageTransform";
@Override
public Bitmap transform(Bitmap source) {//40 是我项目中 的图片间距
int targetWidth = ScreenUtil.getScreenWidth(App.getContext()) - DisplayUtil.dp2px(App.getContext(), 40);
if (source.getWidth() == 0) {
return source;
}
//如果图片小于设置的宽度，做处理
if (source.getWidth() < targetWidth) {
double aspectRatio = (double) source.getHeight() / (double) source.getWidth();
int targetHeight = (int) (targetWidth * aspectRatio);
if (targetHeight != 0 && targetWidth != 0) {
Bitmap result = Bitmap.createScaledBitmap(source, targetWidth, targetHeight, false);
if (result != source) {
// Same bitmap is returned if sizes are the same
source.recycle();
}
return result;
} else {
return source;
}
} else {
return source;
}
}
@Override
public String key() {
return Key;
}
}
//=========================其中 40是我项目左右两边的间距
配置
/**
* 获取屏幕的宽度px
*/
public static int getScreenWidth(Context context) {
WindowManager windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
DisplayMetrics outMetrics = new DisplayMetrics();// 创建了一张白纸
windowManager.getDefaultDisplay().getMetrics(outMetrics);// 给白纸设置宽高
return outMetrics.widthPixels;
}public static int dp2px(Context context, float dpValue) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (dpValue * scale + 0.5f);
}
//最后使用
//=============================================================================扩展 Picasso加载圆形图片 解决比例失真问题 可不看 /**
* 毕加索 设置圆形头像
* Created by swplzj on 16/12/10.
*/
public class CircleTransform implements Transformation {
private String Key = "CircleTransform";
private Context mContext;
private int h = 60;
public CircleTransform(Context context) {
this.mContext = context;
}
public CircleTransform(Context context,int height) {
this.mContext = context;
this.h = height;
}
@Override
public Bitmap transform(Bitmap source) {// 60 是我图片头像的宽高度 压缩
Bitmap zoomBitmp = BitmapUtils.zoom(source, DisplayUtil.dp2px(mContext, h), DisplayUtil.dp2px(mContext, h));
Bitmap bitmap = BitmapUtils.circleBitmap(zoomBitmp);
source.recycle();
return bitmap;//返回圆形的Bitmap对象
}
/**
* 该方法没有什么实际意义，但是要保证其返回的值不能为null！
* @return
*/
@Override
public String key() {
return Key;
}
}public class BitmapUtils {
/**将矩形的Bitmap对象转换为圆形的Bitmap
* @param source:待处理的 矩形的Bitmap
* @return ：需返回的圆形的Bitmap
*/
public static Bitmap circleBitmap(Bitmap source){
//获取Bitmap的宽度
int width = source.getWidth();
//返回一个正方形的Bitmap对象
Bitmap bitmap = Bitmap.createBitmap(width, width, Bitmap.Config.ARGB_8888);
//提供指定宽高的canvas
Canvas canvas = new Canvas(bitmap);
//提供画笔
Paint paint = new Paint();
paint.setAntiAlias(true);
//背景：在画布上绘制一个圆
canvas.drawCircle(width / 2, width / 2, width / 2, paint);
//设置图片相交情况下的处理方式
//setXfermode：设置当绘制的图像出现相交情况时候的处理方式的,它包含的常用模式有哪几种
//PorterDuff.Mode.SRC_IN 取两层图像交集部门,只显示上层图像,注意这里是指取相交叉的部分,然后显示上层图像
//PorterDuff.Mode.DST_IN 取两层图像交集部门,只显示下层图像
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
//前景：在画布上绘制一个bitmap
canvas.drawBitmap(source, 0, 0, paint);
return bitmap;
}
/**对bitmap进行压缩处理
* @param source ：需要被处理的Bitmap
* @param width 需要压缩成的宽度 必须为浮点型
* @param height 需要压缩成的高度 必须为浮点型
* @return 返回压缩后的Bitmap
* 注意！必须提供参数2，3为浮点型。
*/
public static Bitmap zoom(Bitmap source,float width,float height){
Matrix matrix = new Matrix();
float scaleX = width / source.getWidth();
float scaleY = height / source.getHeight();
matrix.postScale(scaleX, scaleY);
Bitmap bitmap = Bitmap.createBitmap(source,0,0,source.getWidth(),source.getHeight(),matrix,true);
return bitmap;
}
}
遗漏或者不清楚的可以联系我QQ群：521039620 Android&Go,Let's go!
感谢作者 https://github.com/zzhoujay/RichText (Gilde方式实现)
以及没提到的网上参考 谢谢大家。
==================2017年4月26号 更新==========================
RichText 加载多张图片 或者图片超出屏幕处理private Html.ImageGetter asyncImageGetter = new Html.ImageGetter() {
@Override
public Drawable getDrawable(String source) {
final URLDrawable urlDrawable = new URLDrawable();
Target target = new Target() {
@Override
public void onBitmapLoaded(Bitmap bitmap, Picasso.LoadedFrom from) {
int screenWidth = ScreenUtil.getScreenWidth(App.getContext());// 获取屏幕宽度
screenWidth = screenWidth- DisplayUtil.dp2px(App.getContext(),40);// 这个是我项目中 左右距离20dp
int height = bitmap.getHeight() * screenWidth / bitmap.getWidth();
Bitmap result = Bitmap.createScaledBitmap(bitmap, screenWidth, height, true);//等比压缩 设置 true 3M 压缩到200多K 关于清晰度 你回头可以自己调 优化
Drawable drawable = new BitmapDrawable(getContext().getResources(), result);
drawable.setBounds(0, 0, result.getWidth(), result.getHeight());
urlDrawable.setBounds(0, 0, result.getWidth(), result.getHeight());
urlDrawable.setDrawable(drawable);
RichText.this.setText(getText());
}
@Override
public void onBitmapFailed(Drawable errorDrawable) {
urlDrawable.setDrawable(errorDrawable);
}
@Override
public void onPrepareLoad(Drawable placeHolderDrawable) {
urlDrawable.setDrawable(placeHolderDrawable);
}
};
addTarget(target);
Picasso.with(getContext()).load(source).transform(new ImageTransform()).into(target);//.placeholder(placeHolder).error(errorImage)
return urlDrawable;
}
};