无法（仅）显示存储在 Firebase 存储中的 RecyclerView 中的图像

Question

我是使用 Firebase 存储的新手，在 RecyclerView 中显示图像时遇到了问题。我使用 FirebaseRecyclerAdapter 来显示我的数据。数据和图像 URL 存储在 Firebase 数据库中。问题是只有图像没有显示在 RecyclerView 中。

您可以为我提供的任何帮助以使其正常工作会很棒。谢谢。

以下是我的 Recycler 活动代码：

public class DownloadActivity extends AppCompatActivity {

ScaleAnimation shrinkAnim;
private RecyclerView mRecyclerView;
private TextView tvNoImages;
private static final String TAG = "DownloadActivty";


//Getting reference to Firebase Database
DatabaseReference database = FirebaseDatabase.getInstance().getReference();
DatabaseReference childref;
private static StorageReference mStorageRef;

//private static final String userId = "53";


@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.downlad_activtiy_layout);
    childref=database.child("Photos").getRef();

    mStorageRef = FirebaseStorage.getInstance().getReference();
    //Initializing our Recyclerview
    mRecyclerView = (RecyclerView) findViewById(R.id.my_recycler_view);
    tvNoImages = (TextView) findViewById(R.id.tv_no_image);
    //scale animation to shrink floating actionbar
    shrinkAnim = new ScaleAnimation(1.15f, 0f, 1.15f, 0f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);

    Log.i(TAG, "Set firebase adapter");
    FirebaseRecyclerAdapter<Image_model,ImageViewHolder> adapter = new FirebaseRecyclerAdapter<Image_model, ImageViewHolder>(
            Image_model.class, R.layout.image_item, ImageViewHolder.class,
            //referencing the node where we want the database to store the data from our Object
            database
    )
    {
        @Override
        protected void populateViewHolder(ImageViewHolder viewHolder, Image_model model, int position)
        {
            Log.i(TAG, "Populate Image");
            viewHolder.bindImage(model);
        }
    };

    mRecyclerView.setAdapter(adapter);
    mRecyclerView.setHasFixedSize(true);
    mRecyclerView.setLayoutManager (new LinearLayoutManager(this));

//ViewHolder for Firebase UI
public static class ImageViewHolder extends RecyclerView.ViewHolder{

    TextView tvUserName;
    TextView tvImageName;
    RatingBar ratingBar;
    ImageView ivImage;
    ImageView image;
    View viewHolder;
    Context mContext;

    public ImageViewHolder(View v) {
        super(v);
        viewHolder=v;
        mContext = v.getContext();
        }
    public void bindImage(Image_model model)
    {
        tvUserName=(TextView)viewHolder.findViewById(R.id.user_name);
        tvImageName = (TextView) viewHolder.findViewById(R.id.image_name);
        ratingBar = (RatingBar) viewHolder.findViewById(R.id.like);
        ivImage = (ImageView) viewHolder.findViewById(R.id.img);

        tvUserName.setText(model.getUserName());
        tvImageName.setText(model.getImageName());
        ratingBar.setRating(model.getImageLike());
        Picasso.with(mContext).load(model.getImage()).into(ivImage);
        //Glide.loadImage(model.getImage(),ivImage);

    }
}
}

这是我的模型类

public class Image_model {

private String UserName;
private String ImageName;
private String ImageUrl;
private int ImageLike;

public Image_model(){

}
public Image_model(String UserName,String ImageName,String ImageUrl,int ImageLike){
    this.UserName=UserName;
    this.ImageName = ImageName;
    this.ImageUrl = ImageUrl;
    this.ImageLike  = ImageLike;
}

public String getUserName() {
    return UserName;
}

public void setUserName(String UserName) {
    this.UserName = UserName;
}

public String getImageName() {
    return ImageName;
}

public void setImageName(String ImageName) {
    this.ImageName = ImageName;
}

public String getImage() {
    return ImageUrl;
}

public void setImage(String ImageUrl) {
    this.ImageUrl = ImageUrl;
}

public int getImageLike() {
    return ImageLike;
}

public void setImageLike(int ImageLike) {
    this.ImageLike = ImageLike;
}
}

Answer 1

我不知道你在 bindImagemethod 中做了什么。但请记住，您从模型中获取 imageURL，而不是图像本身。我建议您使用Glide 库将图像从 URL 设置为 imageView。另外，请记住，在您的 Firebase 控制台中，您应该使用“下载 URL”而不是您的存储参考。像

https://firebasestorage.googleapis.com/v0/b/yourAwesomeDatabase....

我正在使用 Glide 在我的应用中设置来自 Firebase 的图像，我正在使用这种方法：

  /**
    * Load an image with default values and default placeholder.
    * @param url photo Url.
    * @param imageView target view to load the desired image.
    */
   public static void loadImage(String url, ImageView imageView) {
      Context context = imageView.getContext();
      ColorDrawable cd = new ColorDrawable(ContextCompat.getColor(context, R.color.app_grey));
      Glide.with(context)
         .load(url)
         .placeholder(cd)
         .crossFade()
         .centerCrop()
         .into(imageView);
   }