如何让GridLayoutManager中选中的图片显示在网格顶部首位？

我正在开发仿Instagram的校园应用MyGram，希望每次选中图片后，该图片能显示在网格的顶部首位。我尝试过setStackFromEnd方法以及反转集合，但都没实现需求，以下是我的代码：

package com.example.mygram;


import androidx.activity.result.ActivityResult;
import androidx.activity.result.ActivityResultCallback;
import androidx.activity.result.ActivityResultLauncher;
import androidx.activity.result.contract.ActivityResultContracts;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.appcompat.app.AppCompatActivity;
import androidx.core.app.ActivityCompat;
import androidx.core.content.ContextCompat;
import androidx.recyclerview.widget.GridLayoutManager;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;

import android.Manifest;
import android.app.Activity;
import android.content.Intent;
import android.content.pm.PackageManager;
import android.net.Uri;
import android.os.Build;
import android.os.Bundle;
import android.provider.MediaStore;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
import android.widget.Toast;

import com.example.mygram.utils.SpacingItemDecoder;



import java.util.ArrayList;
import java.util.Collections;

import de.hdodenhof.circleimageview.CircleImageView;

public class MainActivity extends AppCompatActivity {

    private static final int IMAGE_PICK_CODE=1000;
    private static final int PERMISSION_CODE=1001;

    RecyclerView recyclerView;
    TextView textView;
    Button pick, gallery;
    CircleImageView profpic;

    ArrayList <Uri> uri = new ArrayList<>();

    RecyclerAdapter adapter ;

    private static final int Read_Permission = 101;
    private static final int PICK_IMAGE = 1;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        profpic = findViewById(R.id.profile_image);
        gallery = findViewById(R.id.select);
        gallery.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent = new Intent(Intent.ACTION_PICK);
                intent.setType("image/*");
                galleryActivityResultLauncher.launch(intent);
            }
        });

        textView = findViewById(R.id.totalPhotos);
        recyclerView = findViewById(R.id.recyclerView_Gallery_Images);
        pick = findViewById(R.id.pick);

        adapter = new RecyclerAdapter(uri);
        recyclerView.setLayoutManager(new GridLayoutManager(MainActivity.this,3, LinearLayoutManager.VERTICAL, true));
        SpacingItemDecoder itemDecorator = new SpacingItemDecoder(10);
        recyclerView.addItemDecoration(itemDecorator);
        recyclerView.setAdapter(adapter);


        pick.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {

                if (ContextCompat.checkSelfPermission(MainActivity.this, Manifest.permission.READ_EXTERNAL_STORAGE) != PackageManager.PERMISSION_GRANTED) {

                    ActivityCompat.requestPermissions(MainActivity.this, new String[]{Manifest.permission.READ_EXTERNAL_STORAGE}, Read_Permission);

                    return;
                }

                Intent intent = new Intent(Intent.ACTION_GET_CONTENT);
                intent.setType("image/*");
                if  (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR2){
                    intent.putExtra(Intent.EXTRA_ALLOW_MULTIPLE, true);
                }
                //intent.setAction(Intent.ACTION_GET_CONTENT);
                startActivityForResult(Intent.createChooser(intent, "Select Picture"), PICK_IMAGE);
            }
        });
    }

    private ActivityResultLauncher<Intent> galleryActivityResultLauncher = registerForActivityResult(
            new ActivityResultContracts.StartActivityForResult(),
            new ActivityResultCallback<ActivityResult>() {
                @Override
                public void onActivityResult(ActivityResult result) {
                    if (result.getResultCode() == Activity.RESULT_OK){
                        Intent data = result.getData();
                        Uri imageUri = data.getData();

                        profpic.setImageURI(imageUri);
                    }
                    else{
                        Toast.makeText(MainActivity.this, "Cancelled", Toast.LENGTH_SHORT).show();
                    }
                }
            }
    );



    @Override
    protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
        super.onActivityResult(requestCode, resultCode, data);

        if (requestCode == PICK_IMAGE && resultCode == RESULT_OK && null != data){
            if(data.getClipData()!=null){

                int countofImages = data.getClipData().getItemCount();
                for(int i=0; i<countofImages; i++){
                    Uri imageuri = data.getClipData().getItemAt(i).getUri();
                    uri.add(imageuri);
                }
                adapter.notifyDataSetChanged();
                textView.setText("");
            }else{
                Uri imageuri = data.getData();
                uri.add(imageuri);
            }
            adapter.notifyDataSetChanged();
            textView.setText("");
        }else{
            Toast.makeText(this, "You haven't pick any images", Toast.LENGTH_SHORT).show();
        }

    }
}

你当前代码的问题在于：新图片被添加到集合末尾，同时GridLayoutManager设置了reverseLayout=true，导致列表从底部开始展示，新图片自然出现在最下方。要实现新图片在顶部，需要两处核心修改：

1. 调整GridLayoutManager的展示顺序 #

把reverseLayout参数改为false，让RecyclerView从顶部开始正常渲染列表：

// 原代码：reverseLayout=true 会反转列表顺序
recyclerView.setLayoutManager(new GridLayoutManager(MainActivity.this,3, LinearLayoutManager.VERTICAL, false));

2. 修改集合插入逻辑，把新图片放到头部 #

不再使用uri.add(imageuri)将图片追加到末尾，而是用uri.add(0, imageuri)插入到集合的第一个位置；多选时注意倒序遍历，保证用户选中的顺序和展示顺序一致：

@Override
protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
    super.onActivityResult(requestCode, resultCode, data);

    if (requestCode == PICK_IMAGE && resultCode == RESULT_OK && null != data){
        if(data.getClipData()!=null){
            int countofImages = data.getClipData().getItemCount();
            // 倒序遍历，保证用户先选的图片在最顶部
            for(int i=countofImages-1; i>=0; i--){
                Uri imageuri = data.getClipData().getItemAt(i).getUri();
                uri.add(0, imageuri);
            }
            // 通知适配器从位置0开始插入了countofImages个元素，性能更优
            adapter.notifyItemRangeInserted(0, countofImages);
        }else{
            Uri imageuri = data.getData();
            uri.add(0, imageuri);
            // 通知适配器位置0插入了元素
            adapter.notifyItemInserted(0);
        }
        textView.setText("");
    }else{
        Toast.makeText(this, "You haven't pick any images", Toast.LENGTH_SHORT).show();
    }
}

关键说明 #

• 使用uri.add(0, imageuri)直接将新图片插入集合头部，确保它在列表的第一个位置
• 多选时倒序遍历选中的图片，这样用户第一个选中的图片会被最后插入到头部，保持选中顺序和展示顺序一致
• 用notifyItemInserted/notifyItemRangeInserted替代notifyDataSetChanged，既能触发RecyclerView的插入动画，又比全量刷新性能更好

修改完成后，每次选中的图片都会直接显示在网格的顶部首位，完全符合需求。

内容的提问来源于stack exchange，提问作者Vinz Jose