用于从实时数据库加载图像的交错网格布局未显示

问题描述

我创建了一个交错网格布局以从Firebase加载图像，但是它不能正常工作。 使用毕加索加载图像并使用实时数据库读取项目... 使用日志时，在Log猫中没有显示任何错误。 仍将空白页显示为空白活动

// private List<PostItem> postItems;
public static List<PostItem> postItems;

//////////////
private OnItemClickListener mListener;
public interface OnItemClickListener {
    void onItemClick(int position);

}
public void setonItemClickListener(OnItemClickListener listener) {
    mListener = listener;
}

///////////////

public PostsAdapter(List<PostItem> postItems) {
    PostsAdapter.postItems = postItems;
    
}

@NonNull
@Override
public PostViewHolder onCreateViewHolder(@NonNull ViewGroup parent,int viewType) {
    return new PostViewHolder(
            LayoutInflater.from(parent.getContext()).inflate(
                    R.layout.post_item_container,parent,false

            )
    );

}

@Override
public void onBindViewHolder(@NonNull PostViewHolder holder,int position) {
    holder.setPostimage(postItems.get(position));
    
}

@Override
public int getItemCount() {
    return postItems.size();

}

class PostViewHolder extends RecyclerView.ViewHolder{

    RoundedImageView postimageView;


    PostViewHolder(@NonNull View itemView) {
        super(itemView);
        
        postimageView = itemView.findViewById(R.id.imagePost);


        ///////
        itemView.setonClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (mListener != null) {
                    int position = getAdapterPosition();

                    //if (position != RecyclerView.NO_POSITION) {
                    //   mListener.onItemClick(position);
                    //}
                }                 
            });
            ///////
        }
        void setPostimage(PostItem postItem){
            //load image here in picasso.
           
            Picasso.get().load(postItem.getPit()).into(postimageView);
           // postimageView.setimageResource(postItem.getimage());
        }
    }
}

PostsAdapter.class中使用的上述代码 还有PostItem.class的另一个类别 并且以下代码用于读取数据并写入列表数组-gallery.java：

public class gallery extends AppCompatActivity {

    DatabaseReference databaseL;
    PostItem postItem;
    public static List<PostItem> postItems;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_gallery);
        //
        databaseL = FirebaseDatabase.getInstance().getReference("galumon");
        postItem = new PostItem();

        final RecyclerView postRecyclerView = findViewById(R.id.postRecyclerview);
        postRecyclerView.setLayoutManager(
                new StaggeredGridLayoutManager(2,StaggeredGridLayoutManager.VERTICAL)
        );
        postItems = new ArrayList<>();
        /*
        List<PostItem> postItems = new ArrayList<>();
        postItems.add(new PostItem(R.drawable.a));
        postItems.add(new PostItem(R.drawable.b));
        postItems.add(new PostItem(R.drawable.c));
        postItems.add(new PostItem(R.drawable.d));
        postItems.add(new PostItem(R.drawable.e));
        postItems.add(new PostItem(R.drawable.f));
        postItems.add(new PostItem(R.drawable.g));
        postItems.add(new PostItem(R.drawable.h));
        postItems.add(new PostItem(R.drawable.i));

         */
        //
        databaseL.addValueEventListener(new ValueEventListener() {
            @Override
            public void onDataChange(@NonNull DataSnapshot snapshot) {

                for (DataSnapshot ds : snapshot.getChildren()) {
                    postItem = ds.getValue(PostItem.class);
                    postItems.add(new PostItem(postItem.getPit()));
                    
                }

            }

            @Override
            public void onCancelled(@NonNull DatabaseError error) {

            }
        });

        postRecyclerView.setAdapter(new PostsAdapter(postItems));
        

    }
}

解决方法

这是因为先将适配器设置为RecyclerView，然后再更新列表。

我认为之前您在列表中手动添加图像并设置适配器（参考注释代码）时，它是有效的。

尝试一下：

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_gallery);
    //
    databaseL = FirebaseDatabase.getInstance().getReference("galumon");
    postItem = new PostItem();

    final RecyclerView postRecyclerView = findViewById(R.id.postRecyclerview);
    postRecyclerView.setLayoutManager(
            new StaggeredGridLayoutManager(2,StaggeredGridLayoutManager.VERTICAL)
    );
    postItems = new ArrayList<>();
    
    //set the adapter 
    PostsAdapter postsAdapter = new PostsAdapter(postItems);
    postRecyclerView.setAdapter(postsAdapter);

    /*
    List<PostItem> postItems = new ArrayList<>();
    postItems.add(new PostItem(R.drawable.a));
    postItems.add(new PostItem(R.drawable.b));
    postItems.add(new PostItem(R.drawable.c));
    postItems.add(new PostItem(R.drawable.d));
    postItems.add(new PostItem(R.drawable.e));
    postItems.add(new PostItem(R.drawable.f));
    postItems.add(new PostItem(R.drawable.g));
    postItems.add(new PostItem(R.drawable.h));
    postItems.add(new PostItem(R.drawable.i));

     */
    //
    databaseL.addValueEventListener(new ValueEventListener() {
        @Override
        public void onDataChange(@NonNull DataSnapshot snapshot) {

            for (DataSnapshot ds : snapshot.getChildren()) {
                postItem = ds.getValue(PostItem.class);
                postItems.add(new PostItem(postItem.getPit()));
            }

            //notify the adapter
            postsAdapter.notifyDataSetChanged();
        }

        @Override
        public void onCancelled(@NonNull DatabaseError error) {

        }
    }); 
}