当前位置:主页 > 移动开发 > Android代码 >

Android如何使用Glide加载清晰长图

时间:2022-02-12 09:19:58 | 栏目:Android代码 | 点击:

最近项目中使用的是Glide加载图片,上线后用户反馈图片模糊,经过测试后发现是用户点击超长图放大的时候,图片变的模糊看不起,这很影响用户的体验,要解决这个问题,我们需要先充分的了解Glide的使用。

Glide概述

使用习惯Glide3的朋友总会觉得Glide 4相对于Glide 3改动非常大,其实不然。之所以大家会有这种错觉,是因为你将Glide 3的用法直接搬到Glide 4中去使用,结果IDE全面报错,然后大家可能就觉得Glide 4的用法完全变掉了。

其实Glide 4相对于Glide 3的变动并不大,只是你还没有了解它的变动规则而已。一旦你掌握了Glide 4的变动规则之后,你会发现大多数Glide 3的用法放到Glide 4上都还是通用的。

我对Glide 4进行了一个大概的研究之后,发现Glide 4并不能算是有什么突破性的升级,而更多是一些API工整方面的优化。相比于Glide 3的API,Glide 4进行了更加科学合理地调整,使得易读性、易写性、可扩展性等方面都有了不错的提升。但如果你已经对Glide 3非常熟悉的话,并不是就必须要切换到Glide 4上来,因为Glide 4上能实现的功能Glide 3也都能实现,而且Glide 4在性能方面也并没有什么提升。但是对于新接触Glide的朋友而言,那就没必要再去学习Glide 3了,直接上手Glide 4就是最佳的选择了。

Glide的使用:

1.添加依赖:

implementation 'com.davemorrissey.labs:subsampling-scale-image-view:3.5.0' 
implementation 'com.github.bumptech.glide:glide:4.5.0'

2.主程序类使用:

public class MainActivity extends AppCompatActivity {
 private SubsamplingScaleImageView mageView;

 @SuppressLint("CheckResult")
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  String sUrl = "https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1532588239&di=78b4c6bde1cf9d1df89562241b547e72&src=http://p2.qhimg.com/t011fc13354f12d1a46.jpg";
  mageView = (SubsamplingScaleImageView) findViewById(R.id.imageview);
  mageView.setMinimumScaleType(SubsamplingScaleImageView.SCALE_TYPE_CUSTOM);
  mageView.setMinScale(1.0F);
  //下载图片保存到本地
  Glide.with(this).load(sUrl).downloadOnly(new SimpleTarget<File>() {
   @Override
   public void onResourceReady(File resource, GlideAnimation<? super File> glideAnimation) {
    // 将保存的图片地址给SubsamplingScaleImageView,这里注意设置ImageViewState设置初始显示比例
    mageView.setImage(ImageSource.uri(Uri.fromFile(resource)), new ImageViewState(2.0F, new PointF(0, 0), 0));
   }
  });
 }
}

3.主程序xml布局文件

<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:background="#E61b1919">

 <com.davemorrissey.labs.subscaleview.SubsamplingScaleImageView
  android:id="@+id/imageview"
  android:layout_width="match_parent"
  android:layout_height="match_parent" />
</LinearLayout>

4.添加权限

 <uses-permission android:name="android.permission.INTERNET"/>

5.显示超长图

  Glide.with(context).load(url).downloadOnly(new SimpleTarget<File>() {
   @Override
   public void onResourceReady(File resource, Transition<? super File> transition) {
    Uri uri = Uri.fromFile(resource);
    imageView.setImageURI(uri);
   }
  });

到这里就可以实现加载长图了。

您可能感兴趣的文章:

相关文章