点击RecyclerView图片后ViewPager跳转指定位置及Firestore自增ID实现

问题1：点击RecyclerView图片后ViewPager跳转到对应位置 #

解决步骤 #

• 给RecyclerView中的图片项添加点击监听，获取当前图片在全局imageList中的索引
• 启动图片查看页面时通过Intent传递该索引值
• 在图片查看页面的数据加载完成后，调用ViewPager的setCurrentItem()方法跳转到指定位置

代码修改示例 #

1. RecyclerView Adapter点击事件（假设聊天消息Adapter为ChatAdapter）：

// 在ChatAdapter的onBindViewHolder方法中
holder.imageView.setOnClickListener {
    val currentMsg = messageList[position]
    // 匹配当前图片在imageList中的索引
    val targetIndex = imageList.indexOfFirst { it.img == currentMsg.message }
    if (targetIndex != -1) {
        val intent = Intent(context, ImageViewerActivity::class.java)
        intent.putExtra("SELECTED_POSITION", targetIndex)
        context.startActivity(intent)
    }
}

2. 图片查看页面接收参数并跳转：

class ImageViewerActivity : AppCompatActivity() {
    private lateinit var viewPager: ViewPager
    private lateinit var imageList: ArrayList<ImageViewerData>
    private lateinit var viewPagerAdapter: ImgViewPagerAdapter

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_image_viewer)

        viewPager = findViewById(R.id.viewPager)
        imageList = arrayListOf()
        viewPagerAdapter = ImgViewPagerAdapter(this, imageList)
        viewPager.adapter = viewPagerAdapter

        val selectedPosition = intent.getIntExtra("SELECTED_POSITION", 0)

        // 加载Firestore图片消息，先清空列表避免重复数据
        firestore.collection("Chats").document(senderRoom).collection("messages")
            .whereEqualTo("type", "photo")
            .orderBy("time")
            .addSnapshotListener { value, _ ->
                if (!value?.isEmpty!!) {
                    imageList.clear()
                    for (document in value.documents) {
                        val img = document.data?.get("message").toString()
                        val senderName = document.data?.get("senderName").toString()
                        imageList.add(ImageViewerData("", img, "", senderName))
                    }
                    viewPagerAdapter.notifyDataSetChanged()
                    // 数据加载完成后跳转到指定位置
                    viewPager.setCurrentItem(selectedPosition, false)
                }
            }
    }
}

问题2：给Firestore图片消息添加从0开始的自增ID #

解决思路 #

Firestore无原生自增字段，采用集合计数器+事务实现，确保并发场景下ID不重复：

1. 在聊天房间的Chats文档中维护imageCounter字段，初始值为0
2. 每次上传图片时，通过事务获取当前计数器值作为消息ID，再递增计数器

代码修改示例 #

1. 上传图片时添加自增ID：

// 替换原有的消息添加逻辑
val senderChatDoc = firestore.collection("Chats").document(senderRoom!!)
firestore.runTransaction { transaction ->
    // 获取当前计数器值，不存在则初始化为0
    val currentCounter = transaction.get(senderChatDoc).getLong("imageCounter") ?: 0
    // 递增计数器
    transaction.update(senderChatDoc, "imageCounter", currentCounter + 1)
    
    // 构建包含自增ID的图片消息
    hashMapOf(
        "message" to imgMsg,
        "senderId" to senderUid!!,
        "date" to calendar,
        "time" to date,
        "day" to currentDay,
        "seen" to "false",
        "type" to "photo",
        "imgId" to currentCounter.toString()
    )
}.addOnSuccessListener { imageMsg ->
    // 添加到发送方房间
    firestore.collection("Chats").document(senderRoom!!)
        .collection("messages")
        .add(imageMsg)
        .addOnSuccessListener {
            // 同步添加到接收方房间
            firestore.collection("Chats").document(receiverRoom!!)
                .collection("messages")
                .add(imageMsg)
                .addOnFailureListener {
                    Toast.makeText(applicationContext, "消息发送失败", Toast.LENGTH_SHORT).show()
                }
        }
}.addOnFailureListener {
    Toast.makeText(applicationContext, "生成图片ID失败", Toast.LENGTH_SHORT).show()
}

2. 加载图片消息时读取自增ID：

firestore.collection("Chats").document(senderRoom).collection("messages")
    .whereEqualTo("type", "photo")
    .orderBy("time")
    .addSnapshotListener { value, _ ->
        if (!value?.isEmpty!!) {
            imageList.clear()
            for (document in value.documents) {
                val img = document.data?.get("message").toString()
                val senderName = document.data?.get("senderName").toString()
                val imgId = document.data?.get("imgId").toString()
                imageList.add(ImageViewerData(imgId, img, "", senderName))
            }
            viewPagerAdapter.notifyDataSetChanged()
        }
    }

内容的提问来源于stack exchange，提问作者Mahmoud Nabil