Android圖片載入-Glide4.0框架封裝

jeff_liu發表於2018-02-26
AndroidIDE框架封裝

基於現有專案存在大量高清美圖展示的模組，所以在使用並對比了Glide和fresco的載入效果及使用體驗後定下來的，兩個框架都非常優秀但其側重點略有不同之所以會選擇Glide是因為本人挺喜歡Glide的API風格，簡單方便而且不會涉及到自定義view.

Glide地址：bumptech.github.io/glide/

本次側重點會放在對應用的記憶體管理上來，當然對於圖片的處理也是記憶體管理相當重要的一部分.

先上效果圖

Android圖片載入-Glide4.0框架封裝Android圖片載入-Glide4.0框架封裝Android圖片載入-Glide4.0框架封裝Android圖片載入-Glide4.0框架封裝

使用步驟

Glide新增

compile('com.github.bumptech.glide:glide:4.6.1') {
        exclude group: "com.android.support"
    }
// glide kotlin 的工具包
kapt 'com.github.bumptech.glide:compiler:4.6.1'
compile "com.github.bumptech.glide:okhttp3-integration:4.5.0"
compile 'com.github.bumptech.glide:annotations:4.6.1'
複製程式碼

封裝圖片載入類

目前只提供了簡單的封裝，當然你也可以根據專案需求繼續進行擴充

/**
 * Created by moment on 2018/2/6.
 */

class ImageLoad {

    open fun load(context: WeakReference<Context>, url: String?, image: ImageView?) {
        if (image == null) return
         // 具體圖片載入實現可以使用第三方框架載入，也可以自己實現，
         這裡提供Glide4.0的使用示例：
        var requestOptions = RequestOptions().centerCrop()
                .placeholder(R.drawable.default_banner)
                .error(R.drawable.default_banner)
                .transform(CenterCrop())
                .format(DecodeFormat.PREFER_RGB_565)
                .priority(Priority.LOW)
                .dontAnimate()
                .diskCacheStrategy(DiskCacheStrategy.RESOURCE)

        Glide.with(context.get()!!.applicationContext)
                .load(url)
                .apply(requestOptions)
                .into(object : DrawableImageViewTarget(image) {
                })
    }

    open fun load(context: WeakReference<Context>, url: String?, image: ImageView?, transformation: BitmapTransformation) {
        if (image == null) return
         // 具體圖片載入邏輯
    }

    open fun load(holder: Int, context: WeakReference<Context>, url: String, image: ImageView?, width: Int, height: Int) {
        if (image == null) return
        // 具體圖片載入邏輯
    }

    open fun loadCircle(context: WeakReference<Context>, url: String?, image: ImageView?, width_height: Int) {
        if (image == null) return
         // 具體圖片載入邏輯
    }

    open fun loadRound(context: WeakReference<Context>, url: String, image: ImageView?, width: Int, height: Int, round: Int) {
        if (image == null) return
         // 具體圖片載入邏輯
    }

    open fun clearCache(context: WeakReference<Context>) {
        // 強制清楚快取，可以為記憶體快取也可以為硬碟快取
        Glide使用示例：
        Glide.get(context.get()!!.applicationContext).clearMemory()
        System.gc()
    }

}
複製程式碼

使用說明

// 載入圓形頭像
ImageLoad().loadCircle(WeakReference(mContext), remark.user_info.portrait, viewHolder.civ_avatar,40)

// 載入正常圖片
ImageLoad().load(WeakReference(mContext), news.image_1, holder.imageView, width, height)

// 載入圓角圖片
ImageLoad().loadRound(WeakReference(mContext), briefCard["icon"].toString(), holder.image, 5)

複製程式碼

在列表載入圖片時會使應用的記憶體上升，但Glide提供給我們一個API來減少在列表載入時會損耗不必要的記憶體的方法，以recyclerview 為例：

recyclerview.addOnScrollListener(object : RecyclerView.OnScrollListener() {
            override fun onScrollStateChanged(recyclerView: RecyclerView?, newState: Int) {
                super.onScrollStateChanged(recyclerView, newState)
                when (newState) {
                    2 -> { // SCROLL_STATE_FLING
                        Glide.with(activity.applicationContext).pauseRequests()
                    }
                    0 -> { // SCROLL_STATE_IDLE
                        Glide.with(activity.applicationContext).resumeRequests()
                    }
                    1 -> { // SCROLL_STATE_TOUCH_SCROLL
                        Glide.with(activity.applicationContext).resumeRequests()
                    }
                }

            }
        })
複製程式碼

在列表滑動過程中我們可以呼叫pauseRequests方法來是圖片暫停載入，當滑動結束後再呼叫resumeRequests來恢復載入.當然要想降低應用記憶體開銷的話也可以呼叫ImageLoad().clearCache(WeakReference(this@MainActivity.applicationContext))來清空Glide的記憶體快取

具體使用方法及使用細節詳見仿開眼視訊Android客戶端 歡迎大家多多star.

相關文章