Android - 圖片處理之Glide4.0

阿新 • • 發佈：2018-11-09

郭大神關於Glide文章的連線，很詳細

Android圖片載入框架最全解析（一），Glide的基本用法

Android圖片載入框架最全解析（二），從原始碼的角度理解Glide的執行流程

Android圖片載入框架最全解析（三），深入探究Glide的快取機制

Android圖片載入框架最全解析（四），玩轉Glide的回撥與監聽

Android圖片載入框架最全解析（五），Glide強大的圖片變換功能

Android圖片載入框架最全解析（六），探究Glide的自定義模組功能

Android圖片載入框架最全解析（七），實現帶進度的Glide圖片載入功能

Android圖片載入框架最全解析（八），帶你全面瞭解Glide 4的用法

Glide官網地址

Android SDK 要求

Min Sdk Version - 使用 Glide 需要 min SDK 版本 API 14 (Ice Cream Sandwich) 或更高。 Compile Sdk Version - Glide 必須使用 API 26 (Oreo) 或更高版本的 SDK 來編譯。 Support Library Version - Glide 使用的支援庫版本為 27

一般這個庫就行

 implementation 'com.android.support:appcompat-v7:27.1.1'

許可權

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

使用

載入佔位圖和錯誤圖

RequestOptions options = new RequestOptions()
        .error(R.drawable.error) //載入失敗顯示的
        .placeholder(R.drawable.loading);//載入中顯示的
Glide.with(this)
     .load(url) //圖片地址
     .apply(options) //RequestOptions 
     .into(imageView); //顯示的控制元件

簡單封裝

public class GlideUtil {
    public static void load(Context context,String url,ImageView imageView,RequestOptions options) {
        Glide.with(context)
             .load(url)
             .apply(options)
             .into(imageView);
    }
}

API介紹

API	介紹
佔位符(Placeholder)	當請求正在執行時被展示的 Drawable
錯誤符(Error)	請求永久性失敗時展示
後備回撥符(Fallback)	在請求的url/model為 null 時展示
override	指定了一個圖片的尺寸,`Target.SIZE_ORIGINAL`載入圖片的原始尺寸
skipMemoryCache(true)	禁用記憶體快取功能
diskCacheStrategy(DiskCacheStrategy.NONE)	禁用硬碟快取功能,引數列表如下 diskCacheStrategy引數補充
asBitmap()	只允許載入靜態圖片,。如果傳入的是GIF圖,會展示GIF圖的第一幀
asFile()	指定檔案格式
asDrawable()	指定Drawable格式
submit()	使用如下四（3）
transforms	圖片變換，Glide 預設有3個，如下四（4）

diskCacheStrategy引數補充

引數	說明
DiskCacheStrategy.NONE	表示不快取任何內容。
DiskCacheStrategy.DATA	表示只快取原始圖片。
DiskCacheStrategy.RESOURCE	表示只快取轉換過後的圖片。
DiskCacheStrategy.ALL	表示既快取原始圖片，也快取轉換過後的圖片。
DiskCacheStrategy.AUTOMATIC	表示讓Glide根據圖片資源智慧地選擇使用哪一種快取策略（預設選項）。

submit()

通過如下程式碼，可以獲取到，下載好的圖片放在哪，可以看到都在cache下

new Thread(new Runnable() {
            @Override
            public void run() {
                try {
                    File file = Glide.with(MainActivity.this)
                            .asFile()
                            .load(url)
                            .submit()
                            .get();
                    Log.e("Tag", "path-->" + file.getPath());
                } catch (InterruptedException e) {
                    e.printStackTrace();
                } catch (ExecutionException e) {
                    e.printStackTrace();
                }
            }
        }).start();


 E/Tag: path-->/data/user/0/com.allens.glidedemo/cache/image_manager_disk_cache/309df01e6362ddc8939a4e3c549e8276dffb0446a89f2facee371909301fe76a.0

transforms

內建有這3個

RequestOptions options = new RequestOptions()
        .centerCrop();

RequestOptions options = new RequestOptions()
        .fitCenter();

RequestOptions options = new RequestOptions()
        .circleCrop();//圓形

一般我們還會自己去定義，以下是常用的3種轉換

使用起來也很簡單

   RequestOptions options = new RequestOptions()
                .skipMemoryCache(true)
                .diskCacheStrategy(DiskCacheStrategy.NONE);
                //圓形
               .transforms(new CircleTransform(mContext,2, Color.DKGRAY))//外圈寬度，外圈顏色
                //黑白
               .transforms(new BlackWhiteTransformation());
               //高斯模糊 範圍在 0 -- 25 越大模糊程度越高
               .transforms(new BlurTransformation(mContext, 25)); // (0 < r <= 25)
                //可以使用多種
               .transforms(new BlurTransformation(mContext, 25),new CircleTransform(mContext,2, Color.DKGRAY))

（1）轉成黑白

package com.allens.lib_glide.Transformation;

import android.graphics.Bitmap;
import android.media.ThumbnailUtils;
import android.support.annotation.NonNull;
import android.view.animation.Transformation;

import com.bumptech.glide.load.engine.bitmap_recycle.BitmapPool;
import com.bumptech.glide.load.resource.bitmap.BitmapTransformation;

import java.security.MessageDigest;

/**
 * 描述:
 * <p> 黑白
 * Created by allens on 2018/1/8.
 */

public class BlackWhiteTransformation extends BitmapTransformation {
    @Override
    protected Bitmap transform(@NonNull BitmapPool pool, @NonNull Bitmap toTransform, int outWidth, int outHeight) {
        return convertToBlackWhite(toTransform);
    }

    @Override
    public void updateDiskCacheKey(MessageDigest messageDigest) {

    }

    private Bitmap convertToBlackWhite(Bitmap bmp) {
        int width = bmp.getWidth(); // 獲取點陣圖的寬
        int height = bmp.getHeight(); // 獲取點陣圖的高
        int[] pixels = new int[width * height]; // 通過點陣圖的大小建立畫素點陣列

        bmp.getPixels(pixels, 0, width, 0, 0, width, height);
        int alpha = 0xFF << 24;
        for (int i = 0; i < height; i++) {
            for (int j = 0; j < width; j++) {
                int grey = pixels[width * i + j];

                //分離三原色
                int red = ((grey & 0x00FF0000) >> 16);
                int green = ((grey & 0x0000FF00) >> 8);
                int blue = (grey & 0x000000FF);

                //轉化成灰度畫素
                grey = (int) (red * 0.3 + green * 0.59 + blue * 0.11);
                grey = alpha | (grey << 16) | (grey << 8) | grey;
                pixels[width * i + j] = grey;
            }
        }
        //新建圖片
        Bitmap newBmp = Bitmap.createBitmap(width, height, Bitmap.Config.RGB_565);
        //設定圖片資料
        newBmp.setPixels(pixels, 0, width, 0, 0, width, height);

        Bitmap resizeBmp = ThumbnailUtils.extractThumbnail(newBmp, 380, 460);
        return resizeBmp;
    }
}

（2）高斯模糊

package com.allens.lib_glide.Transformation;

import android.annotation.TargetApi;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.os.Build;
import android.renderscript.Allocation;
import android.renderscript.Element;
import android.renderscript.RSRuntimeException;
import android.renderscript.RenderScript;
import android.renderscript.ScriptIntrinsicBlur;
import android.support.annotation.NonNull;

import com.bumptech.glide.load.engine.bitmap_recycle.BitmapPool;
import com.bumptech.glide.load.resource.bitmap.BitmapTransformation;

import java.security.MessageDigest;

/**
 * 描述: 高斯模糊
 * <p>
 * Created by allens on 2018/1/8.
 */

public class BlurTransformation extends BitmapTransformation {


    private Context context;

    private float blurRadius;

    public BlurTransformation(Context context, float blurRadius) {
        this.context = context;
        this.blurRadius = blurRadius;
    }

    @Override
    protected Bitmap transform(@NonNull BitmapPool pool, @NonNull Bitmap toTransform, int outWidth, int outHeight) {
        return blurBitmap(context, toTransform, blurRadius, outWidth, outHeight);
    }

    @Override
    public void updateDiskCacheKey(MessageDigest messageDigest) {

    }

    /**
     * @param context   上下文物件
     * @param image     需要模糊的圖片
     * @param outWidth  輸入出的寬度
     * @param outHeight 輸出的高度
     * @return 模糊處理後的Bitmap
     */
    @TargetApi(Build.VERSION_CODES.JELLY_BEAN_MR1)
    public Bitmap blurBitmap(Context context, Bitmap image, float blurRadius, int outWidth, int outHeight) {
        // 將縮小後的圖片做為預渲染的圖片
        Bitmap inputBitmap = Bitmap.createScaledBitmap(image, outWidth, outHeight, false);
        // 建立一張渲染後的輸出圖片
        Bitmap outputBitmap = Bitmap.createBitmap(inputBitmap);
        // 建立RenderScript核心物件
        RenderScript rs = RenderScript.create(context);
        // 建立一個模糊效果的RenderScript的工具物件
        ScriptIntrinsicBlur blurScript = ScriptIntrinsicBlur.create(rs, Element.U8_4(rs));
        // 由於RenderScript並沒有使用VM來分配記憶體,所以需要使用Allocation類來建立和分配記憶體空間
        // 建立Allocation物件的時候其實記憶體是空的,需要使用copyTo()將資料填充進去
        Allocation tmpIn = Allocation.createFromBitmap(rs, inputBitmap);
        Allocation tmpOut = Allocation.createFromBitmap(rs, outputBitmap);
        // 設定渲染的模糊程度, 25f是最大模糊度
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) {
            blurScript.setRadius(blurRadius);
        }
        // 設定blurScript物件的輸入記憶體
        blurScript.setInput(tmpIn);
        // 將輸出資料儲存到輸出記憶體中
        blurScript.forEach(tmpOut);
        // 將資料填充到Allocation中
        tmpOut.copyTo(outputBitmap);
        return outputBitmap;
    }

}

（3）圓形

package com.allens.lib_glide.Transformation;

import android.content.Context;
import android.content.res.Resources;
import android.graphics.Bitmap;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.support.annotation.NonNull;

import com.bumptech.glide.load.engine.bitmap_recycle.BitmapPool;
import com.bumptech.glide.load.resource.bitmap.BitmapTransformation;

import java.security.MessageDigest;

/**
 * 描述:
 * <p> 圓形
 * Created by allens on 2018/1/8.
 */

public class CircleTransform extends BitmapTransformation {
    private Paint mBorderPaint;
    private float mBorderWidth;

    public CircleTransform(Context context) {
        super(context);
    }

    public CircleTransform(Context context, int borderWidth, int borderColor) {
        super(context);
        mBorderWidth = Resources.getSystem().getDisplayMetrics().density * borderWidth;
        mBorderPaint = new Paint();
        mBorderPaint.setDither(true);
        mBorderPaint.setAntiAlias(true);
        mBorderPaint.setColor(borderColor);
        mBorderPaint.setStyle(Paint.Style.STROKE);
        mBorderPaint.setStrokeWidth(mBorderWidth);
    }

    @Override
    protected Bitmap transform(@NonNull BitmapPool pool, @NonNull Bitmap toTransform, int outWidth, int outHeight) {
        return circleCrop(pool, toTransform);
    }

    @Override
    public void updateDiskCacheKey(MessageDigest messageDigest) {

    }

    private Bitmap circleCrop(BitmapPool pool, Bitmap source) {
        if (source == null) {
            return null;
        }
        int size = (int) (Math.min(source.getWidth(), source.getHeight()) - (mBorderWidth / 2));
        int x = (source.getWidth() - size) / 2;
        int y = (source.getHeight() - size) / 2;
        Bitmap squared = Bitmap.createBitmap(source, x, y, size, size);
        Bitmap result = pool.get(size, size, Bitmap.Config.ARGB_8888);
        if (result == null) {
            result = Bitmap.createBitmap(size, size, Bitmap.Config.ARGB_8888);
        }
        Canvas canvas = new Canvas(result);
        Paint paint = new Paint();
        paint.setShader(new BitmapShader(squared, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP));
        paint.setAntiAlias(true);
        float r = size / 2f;
        canvas.drawCircle(r, r, r, paint);
        if (mBorderPaint != null) {
            float borderRadius = r - mBorderWidth / 2;
            canvas.drawCircle(r, r, borderRadius, mBorderPaint);
        }
        return result;
    }
}

4.0 圓角

package com.starot.spark.transformation;


import android.content.Context;
import android.content.res.Resources;
import android.graphics.Bitmap;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.support.annotation.NonNull;

import com.bumptech.glide.load.engine.bitmap_recycle.BitmapPool;
import com.bumptech.glide.load.resource.bitmap.BitmapTransformation;

import java.security.MessageDigest;

/**
 * 描述:
 * <p> 圓形
 *
 * @author allens
 * @date 2018/1/8
 */

public class CircleTransform extends BitmapTransformation {
    private Paint mBorderPaint;
    private float mBorderWidth;

    public CircleTransform(Context context) {
        super(context);
    }

    public CircleTransform(Context context, int borderWidth, int borderColor) {
        super(context);
        mBorderWidth = Resources.getSystem().getDisplayMetrics().density * borderWidth;
        mBorderPaint = new Paint();
        mBorderPaint.setDither(true);
        mBorderPaint.setAntiAlias(true);
        mBorderPaint.setColor(borderColor);
        mBorderPaint.setStyle(Paint.Style.STROKE);
        mBorderPaint.setStrokeWidth(mBorderWidth);
    }

    @Override
    protected Bitmap transform(@NonNull BitmapPool pool, @NonNull Bitmap toTransform, int outWidth, int outHeight) {
        return circleCrop(pool, toTransform);
    }

    @Override
    public void updateDiskCacheKey(MessageDigest messageDigest) {

    }

    private Bitmap circleCrop(BitmapPool pool, Bitmap source) {
        if (source == null) {
            return null;
        }
        int size = (int) (Math.min(source.getWidth(), source.getHeight()) - (mBorderWidth / 2));
        int x = (source.getWidth() - size) / 2;
        int y = (source.getHeight() - size) / 2;
        Bitmap squared = Bitmap.createBitmap(source, x, y, size, size);
        Bitmap result = pool.get(size, size, Bitmap.Config.ARGB_8888);
        if (result == null) {
            result = Bitmap.createBitmap(size, size, Bitmap.Config.ARGB_8888);
        }
        Canvas canvas = new Canvas(result);
        Paint paint = new Paint();
        paint.setShader(new BitmapShader(squared, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP));
        paint.setAntiAlias(true);
        float r = size / 2f;
        canvas.drawCircle(r, r, r, paint);
        if (mBorderPaint != null) {
            float borderRadius = r - mBorderWidth / 2;
            canvas.drawCircle(r, r, borderRadius, mBorderPaint);
        }
        return result;
    }
}

5.Generated API

如果4.0用的不爽，就想使用3.0版本的那種鏈式寫法,將Glide 關鍵字改成
GlideApp即可

GlideApp.with(this)
        .load(url)
        .placeholder(R.drawable.loading)
        .error(R.drawable.error)
        .skipMemoryCache(true)
        .diskCacheStrategy(DiskCacheStrategy.NONE)
        .override(Target.SIZE_ORIGINAL)
        .circleCrop()
        .into(imageView);

轉載:https://www.jianshu.com/p/9db8f314b286

Android - 圖片處理之Glide4.0

郭大神關於Glide文章的連線，很詳細 Android圖片載入框架最全解析（一），Glide的基本用法 Android圖片載入框架最全解析（二），從原始碼的角度理解Glide的執行流程 Android圖片載入框架最全解析（三），深入探究Glide的快取機制 Android圖

Android圖片處理之Glide使用大全

聽說Glide是一個牛逼的圖片載入庫，作者是bumptech，然後這個庫被廣泛的應用在谷歌的官方app裡，也就是谷歌支援我們使用這個來載入圖片庫，所以呢就需要響應谷歌的要求，就像網路訪問我們用volley，然後大部分安卓開發者都棄用eclipse轉戰andro

淺談android中圖片處理之圖形變換特效Matrix(四)

今天，我們就來談下android中圖片的變形的特效，在上講部落格中我們談到android中圖片中的色彩特效來實現的。改變它的顏色主要通過ColorMatrix類來實現。現在今天所講的圖片變形的特效主要就是通過Matrix類來實現，我們通過上篇部落格知道，改變色彩特效，主要

淺談android中圖片處理之色彩特效處理ColorMatrix(三)

在android開發中對圖片處理很是頻繁，其中對圖片的顏色處理就是很常見的一種。我們經常看到一些類似美圖秀秀，美顏相機的app，為什麼那麼黑的人拍出來是確實那麼地白呢？長的那麼那個(醜)的人，用美顏相機拍出來的看起來也有那麼回事(拍出來就感覺挺漂亮)。就像網上有個段子，有錢

android自己定義之 5.0 風格progressBar

rcp 方式 rem listen angle 一個 arr 5.0 自己近期做項目，用到了ProgressBar 。就想到了要使用Android5.0 的效果，就隨手實現了一下。效果圖：大概的思路： 1. 圓圈通過Canvas去繪

圖片處理之 Base64

col ack 頁面發送 http 簡單文件大小 pan class 　　網頁上的圖片資源如果采用 http 形式的 url 的話都會額外發送一次請求，網頁發送的 http 請求次數越多，會造成頁面加載速度越慢。而采用Base64格式的編碼，將圖片轉化為字符串後，圖

Android圖片處理--縮放

div 大小 cep public date() andro file .get loader PS：在開發中我們會遇到一些圖片處理問題，比如說緩存圖片了、限制圖片大小了、查看圖片了等。上一篇文章介紹了圖片的全景效果查看，今天介紹一個圖片縮放，我們如果有時間的話，可以自己寫

Android圖片處理Glide 4 介紹

本篇將是我們這個Glide系列的最後一篇文章。其實在寫這個系列第一篇文章的時候，Glide就推出4.0.0的RC版了。那個時候因為我一直研究的都是Glide 3.7.0版本，再加上RC版本還不太穩定，因此整個系列也都是基於3.7.0版本來寫的。而現在，Glide的最新版本已經出到

Android動態許可權之6.0以上及6.0以下動態許可權申請遇到的問題

今天來記錄一個問題，因為專案需要用到zxing，那就必須要用到攝像頭，那麼就需要動態的去申請許可權，先貼個6.0以上的申請許可權的程式碼這個在網上隨便搜一搜都有很多程式碼塊就不做過多的解釋了今天主要討論的是在6.0以下遇到的一個問題 /** * 請求許可

Android影象處理之Paint

enum Paint.Align：設定文字相對於點o(x,y)的位置，有三個選擇CENTER、LEFT、RIGHT，分別表示o在文字的水平中間、o在文字的水平左邊、o在文字的水平右邊 enum Pai

android圖片載入庫Glide4使用教程（專案中如何快速將Glide3替換成Glide4）

我想大多數人在自己的專案中還是使用Glide3.7.1這個版本吧！不過Glide版本現在已經到4.4.0了！當我們把Glide3更換成Glide4，會發現大部分地方都報錯了，那麼該怎樣快速替換Glide3為Glide4呢？下面我們一起來看看怎樣實現Gli

android 圖片處理（擷取，縮放）

有一個任務顯示一張圖片的中間地方的圖片 1、什麼也不用設只要固定了imageView的寬和高就會自動縮放來填充這個imageview 2、擷取一張大圖我要擷取其中的部分 Java程式碼 Bitmap.createBitmap(Bitmap source, in

python&圖片處理之PIL.Image模組(icon圖示)

2.解壓後，進入到目錄下cd /Users/jianan/Downloads/Imaging-1.1.73.python setup.py install 安裝在/Library/Python/2.7

Android影象處理之圖形特效處理

上一篇部落格說到了Android影象的色彩處理，使用的是ColorMatrix矩陣；本篇部落格說Android圖形的特效處理，使用的是Matrix這個類。一、Android變形矩陣——Matricx：跟Android影象的色彩處理基本一樣，只是將ColorMatrix換成了Matrix，ColorMat

Android圖片處理ColorMatrix

首先宣告，該文章為自己學習筆記，僅供參考，不保證所有文字均描述得當，歡迎指出不足和錯誤之處，再此感謝您的關注和閱讀。如果有需要程式碼的可以留言，和我聯絡。 0 前面的廢話前幾天做一個影象識別的時候，用到了ColorMatrix，然後找到了一篇文章，寫的很不錯，確實按照

C#圖片處理之:在圖片上畫框（圈）

有時候給別人演示圖片，例如培訓某個軟體使用的時候，往往需要在畫面上畫個框或者圈，提醒使用者注意這是個重點。其實這個功能並不難，只需要知道Pen物件的用法就可以了。我們對框或者圈樣式的控制都可以通過對Pen的控制來實現。 /**////<summary>

C# 圖片處理之：彩色圖片轉為黑白圖

首先解釋下所謂的黑白圖片。其實更準確地應該叫256級灰度圖。當一個顏色點的R=G=B時，就是我們所謂的“灰色”。由於RGB的取值範圍在[0，255]，所以一共只有256種可能。所以彩色圖片轉為黑白圖片的原理非常簡單。只要掃描彩圖的每一點，讓輸出圖對應點的R=G=B就成了。現

Android圖片方案之高清載入巨圖拒絕壓縮圖片

文章轉載自鴻洋大神部落格 http://blog.csdn.net/lmj623565791/article/details/49300989 一、概述距離上一篇部落格有段時間沒更新了，主要是最近有些私事導致的，那麼就先來一篇簡單一點的部落格脈動回來。對於

Android影象處理之色彩特效處理(學習筆記)

彩色特效處理 1.色彩矩陣分析在色彩處理中，通常用以下三個角度來描述一個影象。色調——物體傳播的顏色飽和度——顏色的純度，從0（灰）到100%（飽和）來進行描述亮度——顏色的相對明暗程度在Android中，系統使用一個顏色矩陣——Colo

Android影象處理之Canvas

Canvas的相關函式 clip打頭的函式表示對canvas裁剪成指定的形狀 void clipPath(Path path) void clipPath(Path path,Region.op op

Android - 圖片處理之Glide4.0

Android SDK 要求

Min Sdk Version - 使用 Glide 需要 min SDK 版本 API 14 (Ice Cream Sandwich) 或更高。 Compile Sdk Version - Glide 必須使用 API 26 (Oreo) 或更高版本的 SDK 來編譯。 Support Library Version - Glide 使用的支援庫版本為 27

許可權

使用

API介紹

diskCacheStrategy引數補充

submit()

transforms

（1） 轉成黑白

（2）高斯模糊

（3） 圓形

4.0 圓角

5.Generated API

相關推薦

（1）轉成黑白

（3）圓形