Glide等比例动态加载网络图片
#Glide等比例动态加载网络图片
##方法1
###1.1设置ImageView布局
<ImageView
android:id="@+id/load_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
###1.2获取图片宽和高
Glide.with(mContext).asBitmap().load(url)
.into(new SimpleTarget<Bitmap>() {
@Override
public void onResourceReady(Bitmap resource, Transition<? super Bitmap> transition) {
int width = resource.getWidth();
int height = resource.getHeight();
Log.d(TAG, "网络图片--->宽:" + width + " 高:" + height);
}
});
###1.3等比例缩放设置ImageView宽和高
private final int MAX_WIDTH = 1000;//图片的最大宽度
private final int MAX_HEIGHT = 500;//图片的最大高度
//2.等比例缩放,最高和最宽不能超过指定的宽和高
if (width > MAX_WIDTH) {
imageWidth = MAX_WIDTH;
imageHeight = imageWidth * height / width;
} else if (height > MAX_HEIGHT) {
imageHeight = MAX_HEIGHT;
imageWidth = width * imageHeight / height;
} else {
imageWidth = width;
imageHeight = height;
}
LinearLayout.LayoutParams lp =
new LinearLayout.LayoutParams(imageWidth, imageHeight);
load_image.setLayoutParams(lp);
Log.d(TAG, "ImageView--->宽:" + imageWidth + " 高:" + imageHeight);
(1)比较宽是否大于指定的宽度,然后等比例计算出对应的高度
(2)比较高度是否大于指定的高度,然后等比例计算出对应的宽度
(3)如果宽度和高度都在指定的范围内,那么就按照图片的实际大小指定ImageView的宽度
特殊情况:就是指定宽度为屏幕宽度,那么等比例计算出高度,这样夹杂图片回事宽度填充屏幕,高度自适应
if (width > 0 && height > 0) {
imageHeight = imageWidth * height / width;
}
###1.4加载网络图片,并且监听加载状态
Glide.with(mContext).asBitmap().load(url)
.listener(new RequestListener<Bitmap>() {
@Override
public boolean onLoadFailed(@Nullable GlideException e, Object model, Target<Bitmap> target, boolean isFirstResource) {
Log.d(TAG, "图片加载失败-->listener:onException");
return false;
}
@Override
public boolean onResourceReady(Bitmap resource, Object model, Target<Bitmap> target, DataSource dataSource, boolean isFirstResource) {
Log.d(TAG, "图片加载成功" + "-->listener:onResourceReady(" + resource.getWidth() + ":" + resource.getHeight() + ")");
return false;
}
})
.apply(new RequestOptions().error(R.mipmap.icon_failure))
.into(load_image);
10-31 19:30:39.080 31276-31276/demo.chat.com.imageloaddemo D/MainActivity: 网络图片--->宽:1024 高:768
10-31 19:30:39.081 31276-31276/demo.chat.com.imageloaddemo D/MainActivity: ImageView--->宽:1000 高:750
10-31 19:30:39.110 31276-31276/demo.chat.com.imageloaddemo D/MainActivity: 图片加载成功-->listener:onResourceReady(1920:1440)
##方法2
###2.1布局设置ImageView属性
<ImageView
android:id="@+id/load_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:adjustViewBounds="true"
android:maxHeight="200dp"
android:maxWidth="200dp" />
设置了最大的宽度和高度,设置adjustViewBounds属性为true,自适应长和宽.
如果设置了layout_width=“match_parent”,layout_height=“wrap_content”,那么就是指定了宽度,高度为自适应.
同理,相反也会自适应
###2.2加载网络图片
String url = "http://fmn.rrfmn.com/fmn076/20171026/1825/original_DoHe_f0bf0000a4741e84.jpg";
RequestOptions options = new RequestOptions()
.placeholder(R.mipmap.icon_loading)
.error(R.mipmap.icon_failure);
Glide.with(mContext).load(url)
// .apply(options)
.into(load_image);
