Android圖片載入神器之Fresco,基於各種使用場景的講解
Fresco是Facebook開源Android平臺上一個強大的圖片載入庫,也是迄今為止Android平臺上最強大的圖片載入庫。
優點:相對於其他開源的第三方圖片載入庫,Fresco擁有更好的記憶體管理和強大的功能,基本上能滿足所有的日常使用場景。
缺點:整體比較大,不過目前的版本已做了拆分,你只需要匯入你使用到的功能相關的庫。從程式碼層面來說侵入性太強,體現在要使用它需要用Fresco的元件SimpleDraweeView替換掉Android原生圖片顯示元件ImageView,這也是很多人不願意在專案中接入Fresco的主要原因。
特性:
1、記憶體管理
解壓後的圖片,即Android中的Bitmap,佔用大量的記憶體。大的記憶體佔用勢必引發更加頻繁的GC。在5.0以下,GC將會顯著地引發介面卡頓。
在5.0以下系統,Fresco將圖片放到一個特別的記憶體區域。當然,在圖片不顯示的時候,佔用的記憶體會自動被釋放。這會使得APP更加流暢,減少因圖片記憶體佔用而引發的OOM。
2、Image Pipeline
Fresco中設計有一個叫做 Image Pipeline 的模組。它負責從網路,從本地檔案系統,本地資源載入圖片和管理。為了最大限度節省空間和CPU時間,它含有3級快取設計(2級記憶體,1級磁碟)。兩個記憶體快取為Bitmap快取和未解碼的圖片快取,這樣既可以加快圖片的載入速度,又能節省記憶體的佔用(解碼後的圖片就是Bitmap,其佔用記憶體相對未解碼的圖片資料而言會大很多)。
Image pipeline 負責完成載入影象,變成Android裝置可呈現的形式所要經歷的大致流程如下:
a、根據Uri在已解碼的(Bitmap快取)記憶體快取
b、根據Uri在未解碼的記憶體快取中查詢,若找到了則解碼,然後快取到已解碼的記憶體快取中,並且返回Bitmap物件。
d、如果在未解碼的記憶體快取中沒找到,則根據Uri在磁碟快取中查詢,若找到了則讀取資料(byte陣列),並快取到未解碼的記憶體快取中,解碼、然後快取到已解碼的記憶體快取中,並且返回Bitmap物件。
e、如果在磁碟快取中沒找到,則從網路或者本地載入資料。載入完成後,依次快取到磁碟快取、未解碼的記憶體快取中。解碼、然後快取到已解碼的記憶體快取中,並且返回Bitmap物件。
其流程圖如下:
3、Drawees
Fresco 中設計有一個叫做 Drawees 模組,負責圖片的呈現。它由三個元素組成分別是:
DraweeView 繼承於 View, 負責圖片的顯示。
DraweeHierarchy 用於組織和維護最終繪製和呈現的 Drawable 物件。
DraweeController 負責和ImagePipeline的互動,可以建立一個這個類的例項,來實現對所要顯示的圖片做更多的控制。
一般情況下,使用 SimpleDraweeView 即可,你可以配置其XML屬性來實現各式各樣的展示效果。
a、在圖片載入完成前顯示佔位圖;
b、在圖片載入的過程中顯示載入進度圖;
c、載入成功後,將佔點陣圖或者載入進度圖,自動替換為目標圖片。
d、載入失敗後,它會顯示載入失敗的圖(若沒配置載入失敗的圖,則顯示的是佔位圖)
e、載入失敗後,若配置過重試圖,則會顯示重試圖,使用者點選可以重新去載入圖片(預設配置可重試3次)
f、自定義居中焦點(配合Google提供的服務可以實現人臉識別,經測試國內目前使用不了)
g、顯示圓角圖、圓形圖和圓圈;
h、新增覆蓋物(圖層疊加);
j、 實現圖片的按下效果;
k、圖片的漸進式呈現;(目前只支援Jpeg格式的圖片)
x、當圖片不再顯示在螢幕上時,它會及時地釋放記憶體和空間佔用。
4、Fresco目前所支援的圖片格式
a、靜態圖:png、jpg、web
b、動態圖:gif、web格式的gif
以上聊了這麼多,大概意思就是Fresco出身名門,很好很強大,超牛逼!接下來我們來聊聊在專案中的具體使用。我專門寫了一個針對Fresco的使用幫助庫(github地址:https://github.com/hpdx/fresco-helper),先給大家看看Demo的執行效果圖:
常見的各種效果
從網路載入的圖片牆
點選圖片牆中的照片後,開啟的瀏覽大圖介面
一、Fresco的引入及ImagePipeline引數配置
1、在build.gradle檔案中新增依賴
dependencies {
// ......
compile 'com.facebook.fresco:fresco:0.14.1'
compile 'com.facebook.fresco:animated-base-support:0.14.1'
compile 'com.facebook.fresco:animated-gif:0.14.1'
compile 'com.facebook.fresco:webpsupport:0.14.1'
compile 'com.facebook.fresco:animated-webp:0.14.1'
compile 'com.facebook.fresco:imagepipeline-okhttp3:0.14.1'
}
a、在 API < 14 上的機器支援 WebP 時,需要新增以下依賴
compile 'com.facebook.fresco:animated-base-support:0.14.1'
b、支援GIF動圖,需要新增以下依賴
compile 'com.facebook.fresco:animated-gif:0.14.1'
c、支援WebP,需要新增以下依賴
compile 'com.facebook.fresco:webpsupport:0.14.1'
d、支援WebP動圖,需要新增以下依賴
compile 'com.facebook.fresco:animated-webp:0.14.1'
e、網路實現層想使用okhttp3,需要新增以下依賴
compile 'com.facebook.fresco:imagepipeline-okhttp3:0.14.1'
2、ImagePipeline配置
a、磁碟快取目錄,推薦快取到應用本身的快取資料夾,這麼做的好處是:當應用被使用者解除安裝後能自動清除快取,增加使用者好感(可能以後用得著時,還會想起我);一些記憶體清理軟體可以掃描出來,進行記憶體的清理。
File fileCacheDir = context.getApplicationContext().getCacheDir();
b、配置磁碟快取,大部分的應用有一個磁碟快取就夠了,但是在一些情況下,你可能需要兩個快取。比如你想把小檔案放在一個快取中(50*50及以下尺寸),大檔案放在另外一個檔案中,這樣小檔案就不會因大檔案的頻繁變動而被從快取中移除。
DiskCacheConfig mainDiskCacheConfig = DiskCacheConfig.newBuilder(context)
.setBaseDirectoryName(IMAGE_PIPELINE_CACHE_DIR)
.setBaseDirectoryPath(fileCacheDir)
.build();
DiskCacheConfig smallDiskCacheConfig = DiskCacheConfig.newBuilder(context)
.setBaseDirectoryPath(fileCacheDir)
.setBaseDirectoryName(IMAGE_PIPELINE_SMALL_CACHE_DIR)
.setMaxCacheSize(MAX_DISK_SMALL_CACHE_SIZE)
.setMaxCacheSizeOnLowDiskSpace(MAX_DISK_SMALL_ONLOWDISKSPACE_CACHE_SIZE)
.build();
c、ImagePipeline的完整配置程式碼如下:
package com.facebook.fresco.helper.config;
import android.app.ActivityManager;
import android.content.Context;
import android.graphics.Bitmap;
import com.facebook.cache.disk.DiskCacheConfig;
import com.facebook.common.logging.FLog;
import com.facebook.common.memory.MemoryTrimType;
import com.facebook.common.memory.MemoryTrimmable;
import com.facebook.common.memory.MemoryTrimmableRegistry;
import com.facebook.common.memory.NoOpMemoryTrimmableRegistry;
import com.facebook.common.util.ByteConstants;
import com.facebook.drawee.backends.pipeline.Fresco;
import com.facebook.fresco.helper.utils.MLog;
import com.facebook.imagepipeline.backends.okhttp3.OkHttpImagePipelineConfigFactory;
import com.facebook.imagepipeline.core.ImagePipelineConfig;
import com.facebook.imagepipeline.decoder.ProgressiveJpegConfig;
import com.facebook.imagepipeline.image.ImmutableQualityInfo;
import com.facebook.imagepipeline.image.QualityInfo;
import com.facebook.imagepipeline.listener.RequestListener;
import com.facebook.imagepipeline.listener.RequestLoggingListener;
import java.io.File;
import java.util.HashSet;
import java.util.Set;
import okhttp3.OkHttpClient;
import okhttp3.logging.HttpLoggingInterceptor;
/**
*
* Created by android_ls on 16/9/8.
*/
public class ImageLoaderConfig {
private static final String IMAGE_PIPELINE_CACHE_DIR = "image_cache";
private static final String IMAGE_PIPELINE_SMALL_CACHE_DIR = "image_small_cache";
private static final int MAX_DISK_SMALL_CACHE_SIZE = 10 * ByteConstants.MB;
private static final int MAX_DISK_SMALL_ONLOWDISKSPACE_CACHE_SIZE = 5 * ByteConstants.MB;
private static ImagePipelineConfig sImagePipelineConfig;
/**
* Creates config using android http stack as network backend.
*/
public static ImagePipelineConfig getImagePipelineConfig(final Context context) {
if (sImagePipelineConfig == null) {
/**
* 推薦快取到應用本身的快取資料夾,這麼做的好處是:
* 1、當應用被使用者解除安裝後能自動清除快取,增加使用者好感(可能以後用得著時,還會想起我)
* 2、一些記憶體清理軟體可以掃描出來,進行記憶體的清理
*/
File fileCacheDir = context.getApplicationContext().getCacheDir();
// if (Environment.getExternalStorageState().equals(Environment.MEDIA_MOUNTED)) {
// fileCacheDir = new File(Environment.getExternalStorageDirectory().getAbsolutePath() + "/Fresco");
// }
DiskCacheConfig mainDiskCacheConfig = DiskCacheConfig.newBuilder(context)
.setBaseDirectoryName(IMAGE_PIPELINE_CACHE_DIR)
.setBaseDirectoryPath(fileCacheDir)
.build();
DiskCacheConfig smallDiskCacheConfig = DiskCacheConfig.newBuilder(context)
.setBaseDirectoryPath(fileCacheDir)
.setBaseDirectoryName(IMAGE_PIPELINE_SMALL_CACHE_DIR)
.setMaxCacheSize(MAX_DISK_SMALL_CACHE_SIZE)
.setMaxCacheSizeOnLowDiskSpace(MAX_DISK_SMALL_ONLOWDISKSPACE_CACHE_SIZE)
.build();
FLog.setMinimumLoggingLevel(FLog.VERBOSE);
Set<RequestListener> requestListeners = new HashSet<>();
requestListeners.add(new RequestLoggingListener());
// 當記憶體緊張時採取的措施
MemoryTrimmableRegistry memoryTrimmableRegistry = NoOpMemoryTrimmableRegistry.getInstance();
memoryTrimmableRegistry.registerMemoryTrimmable(new MemoryTrimmable() {
@Override
public void trim(MemoryTrimType trimType) {
final double suggestedTrimRatio = trimType.getSuggestedTrimRatio();
MLog.i(String.format("Fresco onCreate suggestedTrimRatio : %d", suggestedTrimRatio));
if (MemoryTrimType.OnCloseToDalvikHeapLimit.getSuggestedTrimRatio() == suggestedTrimRatio
|| MemoryTrimType.OnSystemLowMemoryWhileAppInBackground.getSuggestedTrimRatio() == suggestedTrimRatio
|| MemoryTrimType.OnSystemLowMemoryWhileAppInForeground.getSuggestedTrimRatio() == suggestedTrimRatio
) {
// 清除記憶體快取
Fresco.getImagePipeline().clearMemoryCaches();
}
}
});
HttpLoggingInterceptor loggingInterceptor = new HttpLoggingInterceptor();
loggingInterceptor.setLevel(HttpLoggingInterceptor.Level.BODY);
OkHttpClient okHttpClient = new OkHttpClient.Builder()
.addInterceptor(loggingInterceptor)
// .retryOnConnectionFailure(false)
.build();
sImagePipelineConfig = OkHttpImagePipelineConfigFactory.newBuilder(context, okHttpClient)
// sImagePipelineConfig = ImagePipelineConfig.newBuilder(context)
.setBitmapsConfig(Bitmap.Config.RGB_565) // 若不是要求忒高清顯示應用,就用使用RGB_565吧(預設是ARGB_8888)
.setDownsampleEnabled(true) // 在解碼時改變圖片的大小,支援PNG、JPG以及WEBP格式的圖片,與ResizeOptions配合使用
// 設定Jpeg格式的圖片支援漸進式顯示
.setProgressiveJpegConfig(new ProgressiveJpegConfig() {
@Override
public int getNextScanNumberToDecode(int scanNumber) {
return scanNumber + 2;
}
public QualityInfo getQualityInfo(int scanNumber) {
boolean isGoodEnough = (scanNumber >= 5);
return ImmutableQualityInfo.of(scanNumber, isGoodEnough, false);
}
})
.setRequestListeners(requestListeners)
.setMemoryTrimmableRegistry(memoryTrimmableRegistry) // 報記憶體警告時的監聽
// 設定記憶體配置
.setBitmapMemoryCacheParamsSupplier(new BitmapMemoryCacheParamsSupplier(
(ActivityManager) context.getSystemService(Context.ACTIVITY_SERVICE)))
.setMainDiskCacheConfig(mainDiskCacheConfig) // 設定主磁碟配置
.setSmallImageDiskCacheConfig(smallDiskCacheConfig) // 設定小圖的磁碟配置
.build();
}
return sImagePipelineConfig;
}
}
d、替換網路實現為okhttp3
OkHttpClient okHttpClient = new OkHttpClient.Builder()
.addInterceptor(loggingInterceptor)
// .retryOnConnectionFailure(false)
.build();
sImagePipelineConfig = OkHttpImagePipelineConfigFactory.newBuilder(context, okHttpClient)
e、支援除錯時,顯示圖片載入的Log
FLog.setMinimumLoggingLevel(FLog.VERBOSE);
Set<RequestListener> requestListeners = new HashSet<>();
requestListeners.add(new RequestLoggingListener());
f、記憶體快取配置完整程式碼:
package com.facebook.fresco.helper.config;
import android.app.ActivityManager;
import android.os.Build;
import com.facebook.common.internal.Supplier;
import com.facebook.common.util.ByteConstants;
import com.facebook.fresco.helper.utils.MLog;
import com.facebook.imagepipeline.cache.MemoryCacheParams;
/**
* 記憶體快取配置
* https://github.com/facebook/fresco/issues/738
*
* Created by android_ls on 16/9/8.
*/
public class BitmapMemoryCacheParamsSupplier implements Supplier<MemoryCacheParams> {
private final ActivityManager mActivityManager;
public BitmapMemoryCacheParamsSupplier(ActivityManager activityManager) {
mActivityManager = activityManager;
}
@Override
public MemoryCacheParams get() {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
return new MemoryCacheParams(getMaxCacheSize(), // 記憶體快取中總圖片的最大大小,以位元組為單位。
56, // 記憶體快取中圖片的最大數量。
Integer.MAX_VALUE, // 記憶體快取中準備清除但尚未被刪除的總圖片的最大大小,以位元組為單位。
Integer.MAX_VALUE, // 記憶體快取中準備清除的總圖片的最大數量。
Integer.MAX_VALUE); // 記憶體快取中單個圖片的最大大小。
} else {
return new MemoryCacheParams(
getMaxCacheSize(),
256,
Integer.MAX_VALUE,
Integer.MAX_VALUE,
Integer.MAX_VALUE);
}
}
private int getMaxCacheSize() {
final int maxMemory = Math.min(mActivityManager.getMemoryClass() * ByteConstants.MB, Integer.MAX_VALUE);
MLog.i(String.format("Fresco Max memory [%d] MB", (maxMemory/ByteConstants.MB)));
if (maxMemory < 32 * ByteConstants.MB) {
return 4 * ByteConstants.MB;
} else if (maxMemory < 64 * ByteConstants.MB) {
return 6 * ByteConstants.MB;
} else {
// We don't want to use more ashmem on Gingerbread for now, since it doesn't respond well to
// native memory pressure (doesn't throw exceptions, crashes app, crashes phone)
if (Build.VERSION.SDK_INT < Build.VERSION_CODES.HONEYCOMB) {
return 8 * ByteConstants.MB;
} else {
return maxMemory / 4;
}
}
}
}
g、初始化Fresco
Fresco.initialize(context,ImageLoaderConfig.getImagePipelineConfig(context));
二、Fresco的各種使用場景
從網路載入一張圖片
String url = "http://ww3.sinaimg.cn/large/610dc034jw1f6m4aj83g9j20zk1hcww3.jpg";
ImageLoader.loadImage((SimpleDraweeView)findViewById(R.id.sdv_1), url);
1、顯示一張圖片
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/sdv_1"
android:layout_width="90dp"
android:layout_height="90dp"
app:actualImageScaleType="centerCrop"/>
效果圖如下:
2、顯示一張圓形圖片
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/sdv_2"
android:layout_width="90dp"
android:layout_height="90dp"
android:layout_marginTop="15dp"
app:actualImageScaleType="centerCrop"
app:roundAsCircle="true"/>
效果圖如下:
3、顯示一張圓形帶邊框的圖片
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/sdv_3"
android:layout_width="90dp"
android:layout_height="90dp"
android:layout_marginTop="15dp"
app:actualImageScaleType="centerCrop"
app:roundAsCircle="true"
app:roundingBorderColor="#fff3cf44"
app:roundingBorderWidth="2dp"/>
效果圖如下:
4、顯示一張圓角圖片
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/sdv_4"
android:layout_width="90dp"
android:layout_height="90dp"
android:layout_marginTop="15dp"
app:actualImageScaleType="centerCrop"
app:roundAsCircle="false"
app:roundedCornerRadius="10dp"/>
效果圖如下:
5、顯示一張底部是圓角的圖片
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/sdv_5"
android:layout_width="90dp"
android:layout_height="90dp"
android:layout_marginTop="15dp"
app:actualImageScaleType="centerCrop"
app:roundAsCircle="false"
app:roundedCornerRadius="10dp"
app:roundTopLeft="false"
app:roundTopRight="false"
app:roundBottomLeft="true"
app:roundBottomRight="true"/>
效果圖如下:
6、顯示一張左上和右下是圓角的圖片
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/sdv_6"
android:layout_width="90dp"
android:layout_height="90dp"
android:layout_marginTop="15dp"
app:actualImageScaleType="centerCrop"
app:roundAsCircle="false"
app:roundedCornerRadius="10dp"
app:roundTopLeft="true"
app:roundTopRight="false"
app:roundBottomLeft="false"
app:roundBottomRight="true"/>
效果圖如下:
7、設定佔位圖
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/sdv_7"
android:layout_width="90dp"
android:layout_height="90dp"
android:layout_marginTop="15dp"
app:actualImageScaleType="centerCrop"
app:placeholderImage="@mipmap/ic_launcher"
app:placeholderImageScaleType="centerCrop" />
8、帶動畫的顯示(從半透明到不透明)
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/sdv_8"
android:layout_width="90dp"
android:layout_height="90dp"
android:layout_marginTop="15dp"
app:actualImageScaleType="centerCrop"
app:fadeDuration="3000"/>
9、圖層疊加顯示
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/sdv_10"
android:layout_width="90dp"
android:layout_height="90dp"
android:layout_marginTop="15dp"
app:actualImageScaleType="centerCrop"
app:overlayImage="@mipmap/ic_launcher"/>
10、其它的屬性的配置,比如載入進度、載入失敗、重試圖
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/sdv_11"
android:layout_width="90dp"
android:layout_height="90dp"
android:layout_marginTop="15dp"
app:actualImageScaleType="centerCrop"
app:failureImage="@mipmap/ic_launcher"
app:failureImageScaleType="centerInside"
app:retryImage="@mipmap/ic_launcher"
app:retryImageScaleType="centerCrop"
app:progressBarImage="@mipmap/ic_launcher"
app:progressBarImageScaleType="centerCrop"
app:progressBarAutoRotateInterval="5000"/>
11、從本地檔案(比如SDCard上)載入圖片
public static void loadFile(final SimpleDraweeView draweeView, String filePath, final int reqWidth, final int reqHeight) {
Uri uri = new Uri.Builder()
.scheme(UriUtil.LOCAL_FILE_SCHEME)
.path(filePath)
.build();
ImageRequest request = ImageRequestBuilder.newBuilderWithSource(uri)
.setRotationOptions(RotationOptions.autoRotate())
.setLocalThumbnailPreviewsEnabled(true)
.setResizeOptions(new ResizeOptions(reqWidth, reqHeight))
.build();
DraweeController controller = Fresco.newDraweeControllerBuilder()
.setImageRequest(request)
.setOldController(draweeView.getController())
.setControllerListener(new BaseControllerListener<ImageInfo>() {
@Override
public void onFinalImageSet(String id, @Nullable ImageInfo imageInfo, @Nullable Animatable anim) {
if (imageInfo == null) {
return;
}
ViewGroup.LayoutParams vp = draweeView.getLayoutParams();
vp.width = reqWidth;
vp.height = reqHeight;
draweeView.requestLayout();
}
})
.build();
draweeView.setController(controller);
}
使用:
ImageLoader.loadFile((SimpleDraweeView)itemView, photoInfo.thumbnailUrl, 120, 120);
12、從本地資源(Resources)載入圖片
public static void loadDrawable(SimpleDraweeView draweeView, int resId) {
Uri uri = new Uri.Builder()
.scheme(UriUtil.LOCAL_RESOURCE_SCHEME)
.path(String.valueOf(resId))
.build();
DraweeController controller = Fresco.newDraweeControllerBuilder()
.setUri(uri)
.setOldController(draweeView.getController())
.build();
draweeView.setController(controller);
}
使用:
ImageLoader.loadDrawable(simpleDraweeView, R.drawable.meizi);
效果圖如下:
13、對圖片進行性高斯模糊處理
public static void loadImageBlur(final SimpleDraweeView draweeView, String url) {
loadImage(draweeView, url, new BasePostprocessor() {
@Override
public String getName() {
return "blurPostprocessor";
}
@Override
public void process(Bitmap bitmap) {
BitmapBlurHelper.blur(bitmap, 35);
}
});
}
其內部呼叫的方法
public static void loadImage(SimpleDraweeView simpleDraweeView, String url, BasePostprocessor processor) {
if (TextUtils.isEmpty(url)) {
return;
}
Uri uri = Uri.parse(url);
ImageRequest request = ImageRequestBuilder.newBuilderWithSource(uri)
.setRotationOptions(RotationOptions.autoRotate())
.setPostprocessor(processor)
.build();
DraweeController controller = Fresco.newDraweeControllerBuilder()
.setImageRequest(request)
.setOldController(simpleDraweeView.getController())
.build();
simpleDraweeView.setController(controller);
}
使用:
String url = "http://a.hiphotos.baidu.com/image/pic/item/55e736d12f2eb938d3de795ad0628535e4dd6fe2.jpg";
SimpleDraweeView simpleDraweeView = (SimpleDraweeView)findViewById(R.id.sdv_1);
simpleDraweeView.setAspectRatio(0.7f);
ViewGroup.LayoutParams lvp = simpleDraweeView.getLayoutParams();
lvp.width = DensityUtil.getDisplayWidth(this);
ImageLoader.loadImageBlur(simpleDraweeView, url,
DensityUtil.getDisplayWidth(this), DensityUtil.getDisplayHeight(this));
效果圖如下:
14、我們知道使用Fresco載入並顯示一張圖片,需要指定SimpleDraweeView的寬高或者指定其中一個值並設定寬高比,可是我真的不知道要顯示的圖片有多大,該顯示多大?可以幫我搞定嗎?答案是肯定的。
String url = "http://feed.chujianapp.com/20161108/[email protected]";
SimpleDraweeView simpleDraweeView = (SimpleDraweeView)findViewById(R.id.sdv_1);
ImageLoader.loadImage(simpleDraweeView, url, new SingleImageControllerListener(simpleDraweeView));
15、從網路載入並顯示gif格式的圖片
String url = "http://img4.178.com/acg1/201506/227753817857/227754566617.gif";
SimpleDraweeView simpleDraweeView = (SimpleDraweeView)findViewById(R.id.sdv_1);
ImageLoader.loadImage(simpleDraweeView, url);
16、載入並顯示webp格式的圖片
SimpleDraweeView simpleDraweeView = (SimpleDraweeView)findViewById(R.id.sdv_1);
ViewGroup.LayoutParams lvp = simpleDraweeView.getLayoutParams();
lvp.width = DensityUtil.getDisplayWidth(this);
simpleDraweeView.setAspectRatio(0.6f); // 設定寬高比
ImageLoader.loadDrawable(simpleDraweeView, R.drawable.meizi_webp,
DensityUtil.getDisplayWidth(this), DensityUtil.getDisplayHeight(this));
其中R.drawable.meizi_webp為meizi_webp.webp
17、從記憶體快取中移除指定圖片的快取
if (!TextUtils.isEmpty(photoInfo.originalUrl)) {
ImagePipeline imagePipeline = Fresco.getImagePipeline();
Uri uri = Uri.parse(photoInfo.originalUrl);
if (imagePipeline.isInBitmapMemoryCache(uri)) {
imagePipeline.evictFromMemoryCache(uri);
}
}
18、從磁碟快取中移除指定圖片的快取
ImagePipeline imagePipeline = Fresco.getImagePipeline();
Uri uri = Uri.parse(photoInfo.originalUrl);
// 下面的操作是非同步的
if (imagePipeline.isInDiskCacheSync(uri)) {
imagePipeline.evictFromDiskCache(uri);
}
19、清空磁碟快取
Fresco.getImagePipeline().clearDiskCaches();
20、清空記憶體快取
Fresco.getImagePipeline().clearMemoryCaches();
21、清空快取(記憶體快取 + 磁碟快取)
Fresco.getImagePipeline().clearCaches();
22、在列表檢視滾動時,不載入圖片,等滾動停止後再開始載入圖片,提升列表檢視的滾動流暢度。
// 需要暫停網路請求時呼叫
public static void pause(){
Fresco.getImagePipeline().pause();
}
// 需要恢復網路請求時呼叫
public static void resume(){
Fresco.getImagePipeline().resume();
}
23、下載圖片儲存到指定的路徑
/**
* 從網路下載圖片
* 1、根據提供的圖片URL,獲取圖片資料流
* 2、將得到的資料流寫入指定路徑的本地檔案
*
* @param url URL
* @param loadFileResult LoadFileResult
*/
public static void downloadImage(Context context, String url, final DownloadImageResult loadFileResult) {
if (TextUtils.isEmpty(url)) {
return;
}
Uri uri = Uri.parse(url);
ImagePipeline imagePipeline = Fresco.getImagePipeline();
ImageRequestBuilder builder = ImageRequestBuilder.newBuilderWithSource(uri);
ImageRequest imageRequest = builder.build();
// 獲取未解碼的圖片資料
DataSource<CloseableReference<PooledByteBuffer>> dataSource = imagePipeline.fetchEncodedImage(imageRequest, context);
dataSource.subscribe(new BaseDataSubscriber<CloseableReference<PooledByteBuffer>>() {
@Override
public void onNewResultImpl(DataSource<CloseableReference<PooledByteBuffer>> dataSource) {
if (!dataSource.isFinished() || loadFileResult == null) {
return;
}
CloseableReference<PooledByteBuffer> imageReference = dataSource.getResult();
if (imageReference != null) {
final CloseableReference<PooledByteBuffer> closeableReference = imageReference.clone();
try {
PooledByteBuffer pooledByteBuffer = closeableReference.get();
InputStream inputStream = new PooledByteBufferInputStream(pooledByteBuffer);
String photoPath = loadFileResult.getFilePath();
Log.i("ImageLoader", "photoPath = " + photoPath);
byte[] data = StreamTool.read(inputStream);
StreamTool.write(photoPath, data);
loadFileResult.onResult(photoPath);
} catch (IOException e) {
loadFileResult.onFail();
e.printStackTrace();
} finally {
imageReference.close();
closeableReference.close();
}
}
}
@Override
public void onFailureImpl(DataSource dataSource) {
if (loadFileResult != null) {
loadFileResult.onFail();
}
Throwable throwable = dataSource.getFailureCause();
if (throwable != null) {
Log.e("ImageLoader", "onFailureImpl = " + throwable.toString());
}
}
}, Executors.newSingleThreadExecutor());
}
使用:
String url = "http://feed.chujianapp.com/20161108/[email protected]";
String filePath = "";
ImageLoader.downloadImage(context, url, new DownloadImageResult(filePath) {
@Override
public void onResult(String filePath) {
}
@Override
public void onFail() {
}
});
24、不使用SimpleDraweeView元件,但是想使用Fresco去載入圖片(兩級記憶體快取+磁碟快取要有)並顯示到其他元件上(比如顯示在TextView的drawableLeft屬性上或者顯示為View的背景)。
public static void loadTextDrawable(final TextView view, String url, final int direction, final int iconWidth, final int iconHeight) {
ImageLoader.loadImage(view.getContext(), url, new LoadImageResult() {
@Override
public void onResult(Bitmap bitmap) {
Drawable drawable = new BitmapDrawable(view.getContext().getResources(), bitmap);
final int width = DensityUtil.dipToPixels(view.getContext(), iconWidth);
final int height = DensityUtil.dipToPixels(view.getContext(), iconHeight);
drawable.setBounds(0, 0, width, height);
switch (direction) {
case 0:
view.setCompoundDrawables(drawable, null, null, null);
break;
case 1:
view.setCompoundDrawables(null, drawable, null, null);
break;
case 2:
view.setCompoundDrawables(null, null, drawable, null);
break;
case 3:
view.setCompoundDrawables(null, null, null, drawable);
break;
}
}
});
}
三、推薦的使用方法
1、第一種用法
初始化
Phoenix.init(this); // Context
從網路載入一張圖片
String url = "http://ww3.sinaimg.cn/large/610dc034jw1f6m4aj83g9j20zk1hcww3.jpg";
SimpleDraweeView simpleDraweeView = (SimpleDraweeView)findViewById(R<