Android Studio中ViewPager2嵌套GridView的Adapter问题及解决步骤

我正在开发一个采用Fragment搭配ViewPager2的Android Activity，但在填充ViewPager2内的GridView时遇到问题，同时对Adapter的使用存在困惑，想了解让该Activity正常运行的必要步骤。

Fragment类代码 #

public class item_frag extends Fragment{

    Context context;
    FragmentItemDisplayBinding binding;
    String name, description, category, price, imageurl;
    FirebaseStorage firebaseStorage;
    FirebaseDatabase firebaseDatabase;
    DatabaseReference databaseReference;


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {


        firebaseDatabase = FirebaseDatabase.getInstance();
        databaseReference = firebaseDatabase.getReference("inventory");
        firebaseStorage = FirebaseStorage.getInstance();

        name = databaseReference.getDatabase().getReference("inventory").toString();
        description = databaseReference.getDatabase().getReference("inventory").toString();
        category = databaseReference.getDatabase().getReference("inventory").toString();
        price = databaseReference.getDatabase().getReference("inventory").toString();
        imageurl = firebaseStorage.getReference("inventory").toString();

        String[] itemname = {"hello"};
        int[] itemimage = {R.drawable.unimas_logo};

        View view = inflater.inflate(R.layout.fragment_item_display, container, false);
        GridView gridView = (GridView) view.findViewById(R.id.grid_view);
        item_frag_adapter itemFragAdapter = new item_frag_adapter(context, itemname, itemimage);
        gridView.setAdapter(itemFragAdapter);

        return inflater.inflate(R.layout.fragment_item_display, container, false);
    }

}

Adapter类代码 #

public class item_frag_adapter extends BaseAdapter {

    Context context;
    String[] itemname;
    int[] image;

    LayoutInflater inflater;

    public item_frag_adapter(Context context, String[] itemname, int[] image) {
        this.context = context;
        this.itemname = itemname;
        this.image = image;
    }

    @Override
    public int getCount() {
        return itemname.length;
    }

    @Override
    public Object getItem(int position) {
        return null;
    }

    @Override
    public long getItemId(int position) {
        return 0;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        if (inflater == null)
            inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

        if (convertView == null){

            convertView = inflater.inflate(R.layout.item_card,null);

        }

        ImageView imageView = convertView.findViewById(R.id.idIVimage);
        TextView textView = convertView.findViewById(R.id.idTVtext);

        imageView.setImageResource(image[position]);
        textView.setText(itemname[position]);

        return convertView;
    }
}

关键修复步骤与运行必要项 #

1. 修复Fragment中的核心问题 #

• 初始化Context：Fragment的context字段未赋值，直接传入Adapter会导致空指针。在onCreateView开头添加：

  context = requireContext();
  

• 修正View返回逻辑：当前代码先初始化view并设置GridView的Adapter，最后却重新inflate新布局返回，导致所有设置失效。把返回语句改成：

  return view;
  

• 正确获取Firebase数据：当前代码只是把数据库引用转成字符串，根本没拿到实际数据。需要添加数据监听来更新Adapter：

  databaseReference.addValueEventListener(new ValueEventListener() {
      @Override
      public void onDataChange(@NonNull DataSnapshot snapshot) {
          // 解析snapshot中的数据，更新itemname、itemimage数组
          // 调用itemFragAdapter.notifyDataSetChanged()刷新GridView
      }
  
      @Override
      public void onCancelled(@NonNull DatabaseError error) {
          // 处理数据获取错误
      }
  });
  

• 使用ViewBinding简化代码：既然已经声明了FragmentItemDisplayBinding，可以替换findViewById：

  binding = FragmentItemDisplayBinding.inflate(inflater, container, false);
  GridView gridView = binding.gridView;
  // 最后返回binding.getRoot();
  

2. 修复Adapter中的问题 #

• 正确实现getItem和getItemId：这两个方法需要返回对应位置的数据和唯一ID，否则ListView/GridView的部分功能会异常：

  @Override
  public Object getItem(int position) {
      return itemname[position];
  }
  
  @Override
  public long getItemId(int position) {
      return position;
  }
  

• 优化布局填充：inflate布局时传入parent参数，让布局参数正常生效：

  convertView = inflater.inflate(R.layout.item_card, parent, false);
  

3. 处理ViewPager2与GridView的滚动冲突 #

由于ViewPager2和GridView都是滚动控件，可能出现滚动冲突。可以给GridView添加android:nestedScrollingEnabled="true"属性，或者改用RecyclerView搭配GridLayoutManager替代GridView（更推荐，兼容性更强）。

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