refactor(*): 优化EditableImageAdapter

Author: AndroidCoderPeng

app/build.gradle

@@ -63,4 +63,6 @@ dependencies {
     implementation 'com.google.code.gson:gson:2.10.1'
     //网络请求和接口封装
     implementation 'com.squareup.retrofit2:retrofit:2.9.0'
+    //图片压缩
+    implementation 'top.zibin:Luban:1.1.8'
 }

app/src/main/java/com/pengxh/kt/lib/fragments/adapter/EditableImageAdapterFragment.kt

@@ -1,9 +1,12 @@
 package com.pengxh.kt.lib.fragments.adapter
 
 import android.os.Bundle
+import android.os.Handler
+import android.os.Message
 import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
+import androidx.lifecycle.lifecycleScope
 import com.luck.picture.lib.basic.PictureSelector
 import com.luck.picture.lib.config.SelectMimeType
 import com.luck.picture.lib.entity.LocalMedia
@@ -13,18 +16,28 @@ import com.pengxh.kt.lib.utils.GlideLoadEngine
 import com.pengxh.kt.lite.adapter.EditableImageAdapter
 import com.pengxh.kt.lite.base.KotlinBaseFragment
 import com.pengxh.kt.lite.divider.RecyclerViewItemOffsets
+import com.pengxh.kt.lite.extensions.createCompressImageDir
 import com.pengxh.kt.lite.extensions.dp2px
 import com.pengxh.kt.lite.extensions.getScreenWidth
+import com.pengxh.kt.lite.utils.WeakReferenceHandler
+import kotlinx.coroutines.delay
+import kotlinx.coroutines.flow.flow
+import kotlinx.coroutines.launch
+import top.zibin.luban.Luban
+import top.zibin.luban.OnCompressListener
+import java.io.File
 
-class EditableImageAdapterFragment : KotlinBaseFragment<FragmentAdapterEditableImageBinding>() {
+class EditableImageAdapterFragment : KotlinBaseFragment<FragmentAdapterEditableImageBinding>(),
+    Handler.Callback {
 
-    private lateinit var editableImageAdapter: EditableImageAdapter
+    private lateinit var imageAdapter: EditableImageAdapter
     private val marginOffset by lazy { 1.dp2px(requireContext()) }
+    private val weakReferenceHandler by lazy { WeakReferenceHandler(this) }
     private val recyclerViewImages = ArrayList<String>()
+    private val selectedImages = ArrayList<LocalMedia>()
 
     override fun initViewBinding(
-        inflater: LayoutInflater,
-        container: ViewGroup?
+        inflater: LayoutInflater, container: ViewGroup?
     ): FragmentAdapterEditableImageBinding {
         return FragmentAdapterEditableImageBinding.inflate(inflater, container, false)
     }
@@ -34,21 +47,20 @@ class EditableImageAdapterFragment : KotlinBaseFragment<FragmentAdapterEditableI
     }
 
     override fun initOnCreate(savedInstanceState: Bundle?) {
-        editableImageAdapter =
-            EditableImageAdapter(requireContext(), requireContext().getScreenWidth(), 9, 3, 1)
+        val viewWidth = requireContext().getScreenWidth() - 100.dp2px(requireContext())
+        imageAdapter = EditableImageAdapter(requireContext(), viewWidth, 9, 3)
         binding.recyclerView.addItemDecoration(
             RecyclerViewItemOffsets(marginOffset, marginOffset, marginOffset, marginOffset)
         )
-        binding.recyclerView.adapter = editableImageAdapter
+        binding.recyclerView.adapter = imageAdapter
     }
 
     override fun observeRequestState() {
 
     }
 
     override fun initEvent() {
-        editableImageAdapter.setOnItemClickListener(object :
-            EditableImageAdapter.OnItemClickListener {
+        imageAdapter.setOnItemClickListener(object : EditableImageAdapter.OnItemClickListener {
             override fun onAddImageClick() {
                 selectPicture()
             }
@@ -58,29 +70,70 @@ class EditableImageAdapterFragment : KotlinBaseFragment<FragmentAdapterEditableI
             }
 
             override fun onItemLongClick(view: View?, position: Int) {
-                editableImageAdapter.deleteImage(position)
+                selectedImages.removeAt(position)
+                recyclerViewImages.removeAt(position)
+                imageAdapter.notifyImageItemRemoved(recyclerViewImages)
             }
         })
     }
 
     private fun selectPicture() {
-        PictureSelector.create(this)
-            .openGallery(SelectMimeType.ofImage())
-            .isGif(false)
-            .isMaxSelectEnabledMask(true)
-            .setFilterMinFileSize(100)
-            .setMaxSelectNum(9)
-            .isDisplayCamera(false)
-            .setImageEngine(GlideLoadEngine.get)
+        PictureSelector.create(this).openGallery(SelectMimeType.ofImage()).isGif(false)
+            .isMaxSelectEnabledMask(true).setFilterMinFileSize(100).setMaxSelectNum(9)
+            .isDisplayCamera(false).setImageEngine(GlideLoadEngine.get)
+            .setSelectedData(selectedImages)
             .forResult(object : OnResultCallbackListener<LocalMedia> {
                 override fun onResult(result: ArrayList<LocalMedia>) {
-                    for (media in result) {
-                        recyclerViewImages.add(media.realPath)
+                    //重置已选的图片
+                    selectedImages.clear()
+                    //因为result会带着之前的数据，所以需要清空之前已经add的数据
+                    recyclerViewImages.clear()
+                    //数据链处理已选的图片
+                    lifecycleScope.launch {
+                        flow {
+                            result.forEach {
+                                emit(it)
+                                delay(1000)
+                            }
+                        }.collect {
+                            selectedImages.add(it)
+                            //压缩图片并上传
+                            Luban.with(context).load(it.realPath).ignoreBy(100)
+                                .setTargetDir(requireContext().createCompressImageDir().toString())
+                                .setCompressListener(object : OnCompressListener {
+                                    override fun onStart() {
+
+                                    }
+
+                                    override fun onSuccess(file: File) {
+                                        //模拟上传图片
+                                        val message = weakReferenceHandler.obtainMessage()
+                                        message.what = 2024042301
+                                        message.obj = file
+                                        weakReferenceHandler.sendMessageDelayed(message, 500)
+                                    }
+
+                                    override fun onError(e: Throwable) {
+                                        e.printStackTrace()
+                                    }
+                                }).launch()
+                        }
                     }
-                    editableImageAdapter.setupImage(recyclerViewImages)
+
+
                 }
 
                 override fun onCancel() {}
             })
     }
+
+    override fun handleMessage(msg: Message): Boolean {
+        if (msg.what == 2024042301) {
+            val file = msg.obj as File
+
+            recyclerViewImages.add(file.absolutePath)
+            imageAdapter.notifyImageItemRangeInserted(recyclerViewImages)
+        }
+        return true
+    }
 }

lite/src/main/java/com/pengxh/kt/lite/adapter/EditableImageAdapter.kt

@@ -26,20 +26,19 @@ class EditableImageAdapter(
     private val spanCount: Int
 ) : RecyclerView.Adapter<ViewHolder>() {
 
-    private var images: MutableList<String> = ArrayList()
+    private var adapterItems = ArrayList<String>()
 
-    fun setupImage(images: MutableList<String>) {
-        this.images = images
-        notifyItemRangeChanged(0, images.size)
+    fun notifyImageItemRangeInserted(images: ArrayList<String>) {
+        val previousSize = adapterItems.size
+        adapterItems.clear()
+        notifyItemRangeRemoved(0, previousSize)
+        adapterItems.addAll(images)
+        notifyItemRangeInserted(0, adapterItems.size)
     }
 
-    fun deleteImage(position: Int) {
-        if (images.isNotEmpty()) {
-            images.removeAt(position)
-            /**
-             * 发生变化的item数目
-             * */
-            notifyItemRangeRemoved(position, 1)
+    fun notifyImageItemRemoved(images: ArrayList<String>) {
+        if (adapterItems.isNotEmpty()) {
+            notifyImageItemRangeInserted(images)
         }
     }
 
@@ -55,13 +54,13 @@ class EditableImageAdapter(
         val params = LinearLayout.LayoutParams(imageSize, imageSize)
         imageView.layoutParams = params
 
-        if (position == itemCount - 1 && images.size < imageCountLimit) {
+        if (position == itemCount - 1 && adapterItems.size < imageCountLimit) {
             imageView.setImageResource(R.drawable.ic_add_pic)
             imageView.setOnClickListener { //添加图片
                 itemClickListener?.onAddImageClick()
             }
         } else {
-            Glide.with(context).load(images[position]).into(imageView)
+            Glide.with(context).load(adapterItems[position]).into(imageView)
             imageView.setOnClickListener { // 点击操作，查看大图
                 itemClickListener?.onItemClick(holder.bindingAdapterPosition)
             }
@@ -73,10 +72,10 @@ class EditableImageAdapter(
         }
     }
 
-    override fun getItemCount(): Int = if (images.size >= imageCountLimit) {
+    override fun getItemCount(): Int = if (adapterItems.size >= imageCountLimit) {
         imageCountLimit
     } else {
-        images.size + 1
+        adapterItems.size + 1
     }
 
     private var itemClickListener: OnItemClickListener? = null