qidao123.com技术社区-IT企服评测·应用市场»论坛 › 软件与程序人生 › DevOps与敏捷开发 › Android Coil3缩略图、默认占位图placeholder、error加 ...

Android Coil3缩略图、默认占位图placeholder、error加载错误体现，Kotlin（5）

[复制链接]
发表于 2025-10-20 06:57:43 | 显示全部楼层 |阅读模式
Android Coil3缩略图、默认占位图placeholder、error加载错误体现，Kotlin（5）



  1.     <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
  2.     <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
  3.     <uses-permission android:name="android.permission.MANAGE_EXTERNAL_STORAGE" />
  4.     <uses-permission android:name="android.permission.READ_MEDIA_IMAGES" />
  5.     <uses-permission android:name="android.permission.READ_MEDIA_VIDEO" />
复制代码



  1.     implementation("io.coil-kt.coil3:coil:3.1.0")
  2.     implementation("io.coil-kt.coil3:coil-gif:3.1.0")
  3.     implementation("io.coil-kt.coil3:coil-core:3.1.0")
复制代码



  1. import android.content.ContentUris
  2. import android.content.Context
  3. import android.net.Uri
  4. import android.os.Bundle
  5. import android.provider.MediaStore
  6. import android.util.Log
  7. import androidx.appcompat.app.AppCompatActivity
  8. import androidx.lifecycle.lifecycleScope
  9. import androidx.recyclerview.widget.GridLayoutManager
  10. import androidx.recyclerview.widget.LinearLayoutManager
  11. import androidx.recyclerview.widget.RecyclerView
  12. import coil3.imageLoader
  13. import kotlinx.coroutines.Dispatchers
  14. import kotlinx.coroutines.launch
  17. class MainActivity : AppCompatActivity() {
  18.     companion object {
  19.         const val SPAN_COUNT = 8
  21.         const val THUMB_WIDTH = 20
  22.         const val THUMB_HEIGHT = 20
  24.         const val IMAGE_SIZE = 400
  26.         const val TAG = "fly/MainActivity"
  27.     }
  29.     override fun onCreate(savedInstanceState: Bundle?) {
  30.         super.onCreate(savedInstanceState)
  31.         setContentView(R.layout.activity_main)
  32.         val rv = findViewById<RecyclerView>(R.id.rv)
  34.         val layoutManager = GridLayoutManager(this, SPAN_COUNT)
  35.         layoutManager.orientation = LinearLayoutManager.VERTICAL
  37.         val adapter = ImageAdapter(this, application.imageLoader)
  39.         rv.adapter = adapter
  40.         rv.layoutManager = layoutManager
  42.         rv.setItemViewCacheSize(SPAN_COUNT * 2)
  43.         rv.recycledViewPool.setMaxRecycledViews(0, SPAN_COUNT * 2)
  45.         val ctx = this
  46.         lifecycleScope.launch(Dispatchers.IO) {
  47.             val imgList = readAllImage(ctx)
  48.             val videoList = readAllVideo(ctx)
  50.             Log.d(TAG, "readAllImage size=${imgList.size}")
  51.             Log.d(TAG, "readAllVideo size=${videoList.size}")
  53.             val lists = arrayListOf<MyData>()
  54.             lists.addAll(imgList)
  55.             lists.addAll(videoList)
  56.             lists.shuffle()
  58.             lifecycleScope.launch(Dispatchers.Main) {
  59.                 adapter.dataChanged(lists)
  60.             }
  61.         }
  62.     }
  64.     class MyData(var path: String, var uri: Uri)
  66.     private fun readAllImage(ctx: Context): ArrayList<MyData> {
  67.         val photos = ArrayList<MyData>()
  69.         //读取所有图
  70.         val cursor = ctx.contentResolver.query(
  71.             MediaStore.Images.Media.EXTERNAL_CONTENT_URI, null, null, null, null
  72.         )
  74.         while (cursor!!.moveToNext()) {
  75.             //路径
  76.             val path = cursor.getString(cursor.getColumnIndexOrThrow(MediaStore.Images.Media.DATA))
  78.             val id = cursor.getColumnIndex(MediaStore.Images.ImageColumns._ID)
  79.             val imageUri: Uri = ContentUris.withAppendedId(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, cursor.getLong(id))
  81.             //名称
  82.             //val name = cursor.getString(cursor.getColumnIndexOrThrow(MediaStore.Images.Media.DISPLAY_NAME))
  84.             //大小
  85.             //val size = cursor.getLong(cursor.getColumnIndexOrThrow(MediaStore.Images.Media.SIZE))
  87.             photos.add(MyData(path, imageUri))
  88.         }
  89.         cursor.close()
  91.         return photos
  92.     }
  94.     private fun readAllVideo(context: Context): ArrayList<MyData> {
  95.         val videos = ArrayList<MyData>()
  97.         //读取视频Video
  98.         val cursor = context.contentResolver.query(
  99.             MediaStore.Video.Media.EXTERNAL_CONTENT_URI,
  100.             null,
  101.             null,
  102.             null,
  103.             null
  104.         )
  106.         while (cursor!!.moveToNext()) {
  107.             //路径
  108.             val path = cursor.getString(cursor.getColumnIndexOrThrow(MediaStore.Video.Media.DATA))
  110.             val id = cursor.getColumnIndex(MediaStore.Images.ImageColumns._ID)
  111.             val videoUri: Uri = ContentUris.withAppendedId(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, cursor.getLong(id))
  113.             //名称
  114.             //val name = cursor.getString(cursor.getColumnIndexOrThrow(MediaStore.Video.Media.DISPLAY_NAME))
  116.             //大小
  117.             //val size = cursor.getLong(cursor.getColumnIndexOrThrow(MediaStore.Video.Media.SIZE))
  119.             videos.add(MyData(path, videoUri))
  120.         }
  121.         cursor.close()
  123.         return videos
  124.     }
  125. }
复制代码



  3. import android.app.Application
  4. import android.util.Log
  5. import coil3.ImageLoader
  6. import coil3.PlatformContext
  7. import coil3.SingletonImageLoader
  10. class MyApp : Application(), SingletonImageLoader.Factory {
  11.     companion object {
  12.         const val TAG = "fly/MyApp"
  13.     }
  15.     override fun newImageLoader(context: PlatformContext): ImageLoader {
  16.         Log.d(TAG, "newImageLoader")
  17.         return MyCoilManager.INSTANCE().getImageLoader(this)
  18.     }
  19. }
复制代码


  3. import android.content.Context
  4. import android.graphics.Bitmap
  5. import android.os.Environment
  6. import android.util.Log
  7. import coil3.ImageLoader
  8. import coil3.disk.DiskCache
  9. import coil3.disk.directory
  10. import coil3.gif.AnimatedImageDecoder
  11. import coil3.memory.MemoryCache
  12. import coil3.request.CachePolicy
  13. import coil3.request.bitmapConfig
  14. import java.io.File
  16. class MyCoilManager {
  17.     companion object {
  18.         const val TAG = "fly/MyCoilManager"
  20.         private val single by lazy(mode = LazyThreadSafetyMode.SYNCHRONIZED) { MyCoilManager() }
  21.         fun INSTANCE() = single
  22.     }
  24.     private var mImageLoader: ImageLoader? = null
  26.     fun getImageLoader(ctx: Context): ImageLoader {
  27.         if (mImageLoader != null) {
  28.             Log.w(TAG, "ImageLoader已经初始化")
  29.             return mImageLoader!!
  30.         }
  32.         Log.d(TAG, "初始化ImageLoader")
  33.         //初始化加载器。
  34.         mImageLoader = ImageLoader.Builder(ctx)
  35.             .memoryCachePolicy(CachePolicy.ENABLED)
  36.             .memoryCache(initMemoryCache())
  37.             .diskCachePolicy(CachePolicy.ENABLED)
  38.             .diskCache(initDiskCache())
  39.             .bitmapConfig(Bitmap.Config.ARGB_8888)
  40.             .components {
  41.                 add(AnimatedImageDecoder.Factory())
  42.                 add(ThumbFetcher.Factory(ctx))
  43.             }.build()
  45.         Log.d(TAG, "memoryCache.maxSize=${mImageLoader!!.memoryCache?.maxSize}")
  47.         return mImageLoader!!
  48.     }
  51.     private fun initMemoryCache(): MemoryCache {
  52.         //内存缓存。
  53.         val memoryCache = MemoryCache.Builder()
  54.             .maxSizeBytes(1024 * 1024 * 1024 * 2L) //2GB
  55.             .build()
  57.         return memoryCache
  58.     }
  60.     private fun initDiskCache(): DiskCache {
  61.         //磁盘缓存。
  62.         val diskCacheFolder = Environment.getExternalStorageDirectory()
  63.         val diskCacheName = "coil_disk_cache"
  65.         val cacheFolder = File(diskCacheFolder, diskCacheName)
  66.         if (cacheFolder.exists()) {
  67.             Log.d(TAG, "${cacheFolder.absolutePath} exists")
  68.         } else {
  69.             if (cacheFolder.mkdir()) {
  70.                 Log.d(TAG, "${cacheFolder.absolutePath} create OK")
  71.             } else {
  72.                 Log.e(TAG, "${cacheFolder.absolutePath} create fail")
  73.             }
  74.         }
  76.         val diskCache = DiskCache.Builder()
  77.             .maxSizeBytes(1024 * 1024 * 1024 * 2L) //2GB
  78.             .directory(cacheFolder)
  79.             .build()
  81.         Log.d(TAG, "cache folder = ${diskCache.directory.toFile().absolutePath}")
  83.         return diskCache
  84.     }
  85. }
复制代码



  3. import android.content.Context
  4. import android.graphics.Bitmap
  5. import android.graphics.BitmapFactory
  6. import android.util.Log
  7. import android.view.View
  8. import android.view.ViewGroup
  9. import androidx.appcompat.widget.AppCompatImageView
  10. import androidx.recyclerview.widget.RecyclerView
  11. import coil3.Image
  12. import coil3.ImageLoader
  13. import coil3.asImage
  14. import coil3.memory.MemoryCache
  15. import coil3.request.Disposable
  16. import coil3.request.ImageRequest
  17. import coil3.request.SuccessResult
  18. import coil3.request.target
  19. import coil3.toBitmap
  22. class ImageAdapter : RecyclerView.Adapter<ImageHolder> {
  23.     private var mCtx: Context? = null
  24.     private var mImageLoader: ImageLoader? = null
  25.     private var mViewSize = 0
  26.     private var mPlaceholderImage: Image? = null
  27.     private var mErrorBmp: Bitmap? = null
  29.     companion object {
  30.         const val TAG = "fly/ImageAdapter"
  31.     }
  33.     constructor(ctx: Context, il: ImageLoader?) : super() {
  34.         mCtx = ctx
  35.         mImageLoader = il
  37.         mViewSize = mCtx!!.resources.displayMetrics.widthPixels / MainActivity.SPAN_COUNT
  39.         mPlaceholderImage = BitmapFactory.decodeResource(mCtx!!.resources, android.R.drawable.ic_menu_gallery).asImage()
  40.         mErrorBmp = BitmapFactory.decodeResource(mCtx!!.resources, android.R.drawable.stat_notify_error)
  41.     }
  43.     private var mItems = ArrayList<MainActivity.MyData>()
  45.     fun dataChanged(items: ArrayList<MainActivity.MyData>) {
  46.         this.mItems = items
  47.         notifyDataSetChanged()
  48.     }
  50.     override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ImageHolder {
  51.         val view = MyIV(mCtx!!, mViewSize)
  52.         return ImageHolder(view)
  53.     }
  55.     override fun getItemCount(): Int {
  56.         return mItems.size
  57.     }
  59.     override fun onBindViewHolder(holder: ImageHolder, position: Int) {
  60.         val data = mItems[position]
  61.         loadItemWithThumbForImage(data, holder.image)
  62.     }
  64.     private fun loadItemWithThumbForImage(data: MainActivity.MyData, myIv: MyIV) {
  65.         val thumbItem = Item(uri = data.uri, path = data.path)
  66.         thumbItem.type = Item.THUMB
  67.         val thumbMemoryCacheKey = MemoryCache.Key(thumbItem.toString())
  68.         val thumbMemoryCache = getMemoryCache(thumbMemoryCacheKey)
  70.         val imageItem = Item(uri = data.uri, path = data.path)
  71.         imageItem.type = Item.IMG
  72.         val imageMemoryCacheKey = MemoryCache.Key(imageItem.toString())
  73.         val imageMemoryCache = getMemoryCache(imageMemoryCacheKey)
  75.         var isHighQualityLoaded = false
  76.         var thumbDisposable: Disposable? = null
  78.         //首次加载，没有正图缓存，也没有缩略图缓存。
  79.         if (thumbMemoryCache == null && imageMemoryCache == null) {
  80.             val thumbReq = ImageRequest.Builder(mCtx!!)
  81.                 .data(thumbItem)
  82.                 .memoryCacheKey(thumbMemoryCacheKey)
  83.                 .listener(object : ImageRequest.Listener {
  84.                     override fun onSuccess(request: ImageRequest, result: SuccessResult) {
  85.                         if (!isHighQualityLoaded) {
  86.                             myIv.setImageBitmap(result.image.toBitmap())
  87.                         }
  88.                     }
  89.                 }).build()
  91.             thumbDisposable = mImageLoader?.enqueue(thumbReq)
  92.         }
  94.         var imgPlaceholder = mPlaceholderImage
  95.         if (thumbMemoryCache != null) {
  96.             imgPlaceholder = thumbMemoryCache.image
  97.         }
  99.         //无论如何，都要加载正图。
  100.         val imageReq = ImageRequest.Builder(mCtx!!)
  101.             .data(data.uri)
  102.             .memoryCacheKey(imageMemoryCacheKey)
  103.             .size(MainActivity.IMAGE_SIZE)
  104.             .target(myIv)
  105.             .placeholder(imgPlaceholder)
  106.             .error(mErrorBmp!!.asImage())
  107.             .listener(object : ImageRequest.Listener {
  108.                 override fun onSuccess(request: ImageRequest, result: SuccessResult) {
  109.                     isHighQualityLoaded = true
  110.                     thumbDisposable?.dispose()
  112.                     Log.d(TAG, "image onSuccess ${result.dataSource} $imageItem ${calMemoryCache()}")
  113.                 }
  114.             }).build()
  116.         mImageLoader?.enqueue(imageReq)
  117.     }
  119.     private fun getMemoryCache(key: MemoryCache.Key): MemoryCache.Value? {
  120.         return mImageLoader?.memoryCache?.get(key)
  121.     }
  123.     private fun calMemoryCache(): String {
  124.         return "${mImageLoader?.memoryCache?.size} / ${mImageLoader?.memoryCache?.maxSize}"
  125.     }
  126. }
  128. class ImageHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
  129.     var image = itemView as MyIV
  130. }
  132. class MyIV : AppCompatImageView {
  133.     companion object {
  134.         const val TAG = "fly/MyIV"
  135.     }
  137.     private var mSize = 0
  138.     private var mCtx: Context? = null
  140.     constructor(ctx: Context, size: Int) : super(ctx) {
  141.         mCtx = ctx
  142.         mSize = size
  143.         scaleType = ScaleType.CENTER_CROP
  144.     }
  146.     override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
  147.         super.onMeasure(widthMeasureSpec, heightMeasureSpec)
  148.         setMeasuredDimension(mSize, mSize)
  149.     }
  150. }
复制代码




  3. import android.net.Uri
  5. class Item {
  6.     companion object {
  7.         const val THUMB = 0
  8.         const val IMG = 1
  9.     }
  11.     var uri: Uri? = null
  12.     var path: String? = null
  13.     var lastModified = 0L
  14.     var width = 0
  15.     var height = 0
  17.     var position = -1
  18.     var type = -1  //0,缩略图。 1，正图image。-1,未知。
  20.     constructor(uri: Uri, path: String) {
  21.         this.uri = uri
  22.         this.path = path
  23.     }
  25.     override fun toString(): String {
  26.         return "Item(uri=$uri, path=$path, lastModified=$lastModified, width=$width, height=$height, position=$position, type=$type)"
  27.     }
  28. }
复制代码




  3. import android.content.Context
  4. import android.graphics.Bitmap
  5. import android.util.Log
  6. import android.util.Size
  7. import coil3.ImageLoader
  8. import coil3.asImage
  9. import coil3.decode.DataSource
  10. import coil3.fetch.FetchResult
  11. import coil3.fetch.Fetcher
  12. import coil3.fetch.ImageFetchResult
  13. import coil3.request.Options
  15. /**
  16. * 例如 FileUriFetcher
  17. */
  18. class ThumbFetcher(private val ctx: Context, private val thumbItem: Item, private val options: Options) : Fetcher {
  19.     companion object {
  20.         const val TAG = "fly/ThumbFetcher"
  21.     }
  23.     override suspend fun fetch(): FetchResult {
  24.         var bmp: Bitmap? = null
  25.         val t = System.currentTimeMillis()
  26.         try {
  27.             bmp = ctx.contentResolver.loadThumbnail(thumbItem.uri!!, Size(MainActivity.THUMB_WIDTH, MainActivity.THUMB_HEIGHT), null)
  28.             Log.d(TAG, "loadThumbnail time cost=${System.currentTimeMillis() - t} $thumbItem")
  29.         } catch (e: Exception) {
  30.             Log.e(TAG, "e=$e ThumbItem=$thumbItem")
  31.         }
  33.         return ImageFetchResult(
  34.             bmp?.asImage()!!,
  35.             true,
  36.             dataSource = DataSource.DISK
  37.         )
  38.     }
  40.     class Factory(private val ctx: Context) : Fetcher.Factory<Item> {
  41.         override fun create(
  42.             data: Item,
  43.             options: Options,
  44.             imageLoader: ImageLoader,
  45.         ): Fetcher {
  46.             return ThumbFetcher(ctx, data, options)
  47.         }
  48.     }
  49. }
复制代码





Android Coil3缩略图、默认占位图placeholder、error加载错误体现，Kotlin（4）_android coil 图片加载框架,设置占位图后,图片的比例不正确-CSDN博客文章欣赏阅读786次，点赞19次，收藏10次。遗留标题，设置的disk cache似乎没有work，指定的磁盘缓存文件路径天生是天生了，但是app跑起来运行后（图正常体现），内里是空的。遗留标题，设置的disk cache似乎没有work，指定的磁盘缓存文件路径天生是天生了，但是app跑起来运行后（图正常体现），内里是空的。遗留标题，设置的disk cache似乎没有work，指定的磁盘缓存文件路径天生是天生了，但是app跑起来运行后（图正常体现），内里是空的。2、现在分别利用缩略图内存缓存和正图内存缓存，感觉应该可以归并，只利用一套内存缓存。_android coil 图片加载框架,设置占位图后,图片的比例不正确
https://blog.csdn.net/zhangphil/article/details/145832225

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
继续阅读请点击广告

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有账号？立即注册

×
回复

使用道具 举报

返回列表

耶耶耶耶耶
+ 我要发帖
×
登录参与点评抽奖，加入IT实名职场社区
去登录
快速回复 返回顶部 返回列表