Android Glide宫格RecyclerView recycledViewPool MaxRecycledViews onViewRecycled，Kotlin

àì夳堔傛蜴生んèń 2024-02-18 12:54 70阅读 0赞

### Android Glide宫格RecyclerView recycledViewPool MaxRecycledViews onViewRecycled，Kotlin ###

###  ###

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

implementation("com.github.bumptech.glide:glide:4.16.0")

import android.content.Context
    import android.os.Bundle
    import android.provider.MediaStore
    import android.util.Log
    import android.view.LayoutInflater
    import android.view.View
    import android.view.ViewGroup
    import android.widget.ImageView
    import android.widget.TextView
    import androidx.appcompat.app.AppCompatActivity
    import androidx.lifecycle.lifecycleScope
    import androidx.recyclerview.widget.GridLayoutManager
    import androidx.recyclerview.widget.RecyclerView
    import androidx.recyclerview.widget.RecyclerView.RecyclerListener
    import com.bumptech.glide.Glide
    import kotlinx.coroutines.Dispatchers
    import kotlinx.coroutines.launch
    import kotlinx.coroutines.withContext
    
    
    class MainActivity : AppCompatActivity() {
    
        companion object {
            const val SIZE = 100
            const val VIEW_TYPE = 0
            const val MAX_NUMBER_VIEW_HOLDER = 200
            const val TAG = "fly/MainActivity"
        }
    
        override fun onCreate(savedInstanceState: Bundle?) {
            super.onCreate(savedInstanceState)
            setContentView(R.layout.activity_main)
    
            val rv = findViewById<RecyclerView>(R.id.recycler_view)
    
            val spanCount = 16
            val layoutManager = GridLayoutManager(this, spanCount)
            layoutManager.orientation = GridLayoutManager.VERTICAL
            rv.layoutManager = layoutManager
    
            val adapter = MyAdapter()
            rv.adapter = adapter
    
            lifecycleScope.launch(Dispatchers.IO) {
                val items = readAllImage(this@MainActivity)
                items.reverse()
                withContext(Dispatchers.Main) {
                    adapter.dataChanged(items)
                }
            }
    
            rv.recycledViewPool.setMaxRecycledViews(VIEW_TYPE, MAX_NUMBER_VIEW_HOLDER)
            rv.setRecyclerListener(object : RecyclerListener {
                override fun onViewRecycled(holder: RecyclerView.ViewHolder) {
                    val h: MyVH? = holder as? MyVH
                    if (h != null) {
                        Glide.with(baseContext).clear(h.image)
                    }
    
                    Log.d(TAG, "${h?.pos?.text} onViewRecycled")
                }
            })
        }
    
        class MyAdapter : RecyclerView.Adapter<MyVH>() {
            private var items = arrayListOf<MyData>()
    
            fun dataChanged(items: ArrayList<MyData>) {
                this.items = items
                notifyDataSetChanged()
            }
    
            override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MyVH {
                val view = LayoutInflater.from(parent.context).inflate(R.layout.item, parent, false)
                return MyVH(view)
            }
    
            override fun getItemCount(): Int {
                return items.size
            }
    
            override fun getItemViewType(position: Int): Int {
                return VIEW_TYPE
            }
    
            override fun onBindViewHolder(holder: MyVH, position: Int) {
                val uri = items[holder.adapterPosition].path
    
                Glide.with(holder.itemView.context)
                    .asBitmap()
                    .load(uri)
                    .centerCrop()
                    .override(SIZE)
                    .into(holder.image)
    
                holder.pos.text = items[position].index.toString()
            }
        }
    
        class MyVH(itemView: View) : RecyclerView.ViewHolder(itemView) {
            val image: ImageView = itemView.findViewById(R.id.image)
            val pos: TextView = itemView.findViewById(R.id.pos)
        }
    
        class MyData(var path: String, var index: Int)
    
        private fun readAllImage(context: Context): ArrayList<MyData> {
            val photos = ArrayList<MyData>()
    
            //读取所有图片
            val cursor = context.contentResolver.query(
                MediaStore.Images.Media.EXTERNAL_CONTENT_URI, null, null, null, null
            )
    
            var index = 0
            while (cursor!!.moveToNext()) {
                //路径 uri
                val path = cursor.getString(cursor.getColumnIndexOrThrow(MediaStore.Images.Media.DATA))
    
                //图片名称
                //val name = cursor.getString(cursor.getColumnIndexOrThrow(MediaStore.Images.Media.DISPLAY_NAME))
    
                //图片大小
                //val size = cursor.getLong(cursor.getColumnIndexOrThrow(MediaStore.Images.Media.SIZE))
    
                photos.add(MyData(path, index++))
            }
            cursor.close()
    
            return photos
        }
    }

<?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:orientation="vertical">
    
        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/recycler_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </LinearLayout>

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="1dp">
    
        <ImageView
            android:id="@+id/image"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    
        <TextView
            android:id="@+id/pos"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:textSize="5dp" />
    
        <TextView
            android:id="@+id/text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:textSize="10dp" />
    
        <View
            android:layout_width="20dp"
            android:layout_height="1px"
            android:layout_gravity="center_horizontal"
            android:layout_marginBottom="10dp"
            android:background="@color/cardview_dark_background" />
    </LinearLayout>

[Android Glide预处理preload原始图片到成品resource & 预加载RecyclerViewPreloader，Kotlin\_zhangphil的博客-CSDN博客文章浏览阅读729次。【代码】Android Paging 3,kotlin（1）在实际的开发中，虽然Glide解决了快速加载图片的问题，但还有一个问题悬而未决：比如用户的头像，往往用户的头像是从服务器端读出的一个普通矩形图片，但是现在的设计一般要求在APP端的用户头像显示成圆形头像，那么此时虽然Glide可以加载，但加载出来的是一个矩形，如果要Glide\_android 毛玻璃圆角。《Android图片加载与缓存开源框架：Android Glide》Android Glide是一个开源的图片加载和缓存处理的第三方框架。![favicon32.ico][]https://blog.csdn.net/zhangphil/article/details/132000010][Android Glide_preload_resource _ _RecyclerViewPreloader_Kotlin_zhangphil_-CSDN_729_Android Paging 3_kotlin_1_Glide_APP_Glide_Glide_android _Android_Android Glide_Android Glide_favicon32.ico_https_blog.csdn.net_zhangphil_article_details_132000010]

[favicon32.ico]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/0b71361b465144a7846a0081b6613188.png
[Android Glide_preload_resource _ _RecyclerViewPreloader_Kotlin_zhangphil_-CSDN_729_Android Paging 3_kotlin_1_Glide_APP_Glide_Glide_android _Android_Android Glide_Android Glide_favicon32.ico_https_blog.csdn.net_zhangphil_article_details_132000010]: https://blog.csdn.net/zhangphil/article/details/132000010