图片加载框架之图片加载框架选型（一）下篇

public void onSuccess() {

}

@Override

public void onError(Exception e) {

}

});

//预加载一张图片

Picasso.get().load(URL).fetch();

//同步加载一张图片,注意只能在子线程中调用并且Bitmap不会被缓存到内存里.

new Thread() {

@Override

public void run() {

try {

final Bitmap bitmap = Picasso.get().load(URL).get();

} catch (IOException e) {

e.printStackTrace();

}

}

}.start();

//加载一张图片旋转并且添加一个Transformation,可以对图片进行各种变化处理,例如圆形头像.

Picasso.get().load(“url”).rotate(10).transform(new Transformation() {

@Override

public Bitmap transform(Bitmap source) {

//处理Bitmap

return null;

}

@Override

public String key() {

return null;

}

}).into(imgTwo);

//加载一张图片并按照指定尺寸以centerInside()的形式缩放.并设置加载的优先级为高.注意centerInside()或centerCrop()

//只能同时使用一种,而且必须指定resize()或者resizeDimen();

Picasso.get().load(URL)

.resize(400, 400)

.centerInside()

.priority(Picasso.Priority.HIGH)

.into(imgTwo);

//加载一张图片并设置tag,可以通过tag来暂定或者继续加载,可以用于当ListView滚动是暂定加载.停止滚动恢复加载.

Picasso.get().load(URL).tag(getContext()).into(imgTwo);

Picasso.get().pauseTag(getContext());

Picasso.get().resumeTag(getContext());

二、Fresco的使用

==============================================================================

当下有很多图片加载框架，常见的有Glide、Fresco、Picasso等。Glide因为其体积小、缓存机制强大等优点，受到了广大程序员的青睐；Fresco虽然体积比较大，缓存机制也没有Glide强大，但它胜在拥有一些炫酷的效果（进度条、淡入效果）等，也有很多人在使用。今天我们就来介绍一下Fresco的使用。

1、配置环境

使用Fresco需要先在build.gradle中导入依赖：

// Fresco所需依赖

compile ‘com.facebook.fresco:fresco:0.12.0’

// 在 API < 14 上的机器支持 WebP 时，需要添加

compile ‘com.facebook.fresco:animated-base-support:0.12.0’

// 支持 GIF 动图，需要添加

compile ‘com.facebook.fresco:animated-gif:0.12.0’

// 支持 WebP （静态图+动图），需要添加

compile ‘com.facebook.fresco:animated-webp:0.12.0’

compile ‘com.facebook.fresco:webpsupport:0.12.0’

如果需要从网络中下载图片，则需要在AndroidManifest.xml文件中配置网络权限：

最后，在项目的Application中初始化Fresco：

public class MyApplication extends Application {

@Override

public void onCreate() {

super.onCreate();

// 初始化Fresco

Fresco.initialize(this);

}

}

别忘了在AndroidManifest.xml文件中为Application添加name属性：

<application

android:name=“.MyApplication”

…

2、SimpleDraweeView

2.1、XML属性

Fresco为我们提供了一个SimpleDraweeView控件，我们可以直接在这个控件中加载图片。Fresco在这个控件中集成了很多属性，简单实用。以下是SimpleDraweeView中的常用属性：

fresco:actualImageScaleType：实际加载的图片的伸缩样式

fresco:backgroundImage：底层图片资源

fresco:fadeDuration：进度条和占位符图片逐渐消失、加载的图片逐渐显示的时间间隔

fresco:failureImage：加载失败时显示的图片资源

fresco:failureImageScaleType：加载失败时加载的图片的伸缩样式

fresco:overlayImage：在显示的图片表层覆盖一张图片的图片资源

fresco:placeholderImage：占位符图片资源

fresco:placeholderImageScaleType：占位符图片的伸缩样式

fresco:progressBarAutoRotateInterval：进度条图片转动周期

fresco:progressBarImage：进度条图片资源

fresco:progressBarImageScaleType：进度条图片的伸缩样式

fresco:retryImage：提示重新加载的图片资源

fresco:retryImageScaleType：提示重新加载的图片的伸缩样式

fresco:roundAsCircle：将图片剪切成圆形

fresco:viewAspectRatio：图片宽高比

我们的XML布局文件中的代码如下：

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android=“http://schemas.android.com/apk/res/android”

xmlns:fresco=“http://schemas.android.com/apk/res-auto”

android:id=“@+id/activity_main”

android:layout_width=“match_parent”

android:layout_height=“match_parent”>

<com.facebook.drawee.view.SimpleDraweeView

android:id=“@+id/id_main_sdv_sdv”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

fresco:actualImageScaleType=“focusCrop”

fresco:fadeDuration=“3000”

fresco:failureImage=“@mipmap/ic_launcher”

fresco:failureImageScaleType=“centerInside”

fresco:placeholderImage=“@mipmap/ic_launcher”

fresco:placeholderImageScaleType=“fitCenter”

fresco:progressBarAutoRotateInterval=“1000”

fresco:progressBarImage=“@mipmap/ic_launcher”

fresco:progressBarImageScaleType=“centerInside”

fresco:retryImage=“@mipmap/ic_launcher”

fresco:retryImageScaleType=“centerCrop”

fresco:roundAsCircle=“false”

fresco:viewAspectRatio=“1.6” />

<Button

android:id=“@+id/id_main_btn_load”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_alignParentBottom=“true”

android:layout_margin=“20.0dip”

android:text=“Start Load Image” />

2.2、注意事项

（1）SimpleDraweeView控件的宽高不能设置为wrap_content，只能是match_parent、具体值或使用viewAspectRatio属性设置宽高比。

（2）如果在一个页面中加载多张图片，不要将SimpleDraweeView直接放在ScollView中，建议使用RecyclerView、ListView或GridView，因为ScrollView中的SimpleDraweeView会持有内存直到Activity或Fragment销毁。

（3）使用SimpleDraweeView时，不要使用imageView中有、View中没有的属性。

3、框架使用

3.1、简单使用

像TextView、Button等其他控件一样后去到SimpleDraweeView，然后调用如下代码即可加载网络图片：

3.2、JAVA代码设置属性

我们可以通过GenericDraweeHierarchy，在JAVA代码中动态的设置SimpleDraweeView控件的属性。需要注意的是，如果在JAVA代码中设置了属性，那么XML文件中设置的属性就都无效了。一个实例代码如下：

// 代码设置SimpleDraweeView的属性（会覆盖XML设置的所有属性，即在XML中有在这里没有的属性都会失效）

// 注意：一个GenericDraweeHierarchy是不能被多个SimpleDraweeView共用的

GenericDraweeHierarchy hierarchy = new GenericDraweeHierarchyBuilder(getResources())

.setFadeDuration(3000)

.setPlaceholderImage(R.mipmap.ic_launcher)

.setPlaceholderImageScaleType(ScalingUtils.ScaleType.FIT_XY)

.setProgressBarImage(new ProgressBarDrawable()) // 显示进度条（Fresco自带的进度条）

.build();

// 设置图片圆角

RoundingParams roundingParams = new RoundingParams();

roundingParams.setRoundAsCircle(false); // 不将图片剪切成圆形

roundingParams.setCornersRadius(200);

hierarchy.setRoundingParams(roundingParams);

// 为SimpleDraweeView设置属性

sdv.setHierarchy(hierarchy);

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

【附】相关架构及资料

源码、笔记、视频。高级UI、性能优化、架构师课程、NDK、混合式开发（ReactNative+Weex）微信小程序、Flutter全方面的Android进阶实践技术，和技术大牛一起讨论交流解决问题。

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

、讲解视频，并且会持续更新！**

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

【附】相关架构及资料

源码、笔记、视频。高级UI、性能优化、架构师课程、NDK、混合式开发（ReactNative+Weex）微信小程序、Flutter全方面的Android进阶实践技术，和技术大牛一起讨论交流解决问题。

[外链图片转存中…(img-4d4q9nQP-1713536126065)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！