使用Firebase数据库填充RecyclerView

我有一个测试代码，我想填充一个ImageView的RecycleView。 ImageView将充满来自Firebase数据库中URL的JPG图像。

问题是我没有得到如何检索数据和填充recycleview 我正在阅读Github上的FirebaseUI，但真诚地发现它有点困难，因为我在这个应用程序中独处。

这是在MainActivity代码：

public class MainActivity extends AppCompatActivity{ 


    DatabaseReference mReference; 
    DatabaseReference mURLReference; 

    public FirebaseRecyclerAdapter<Pictures, PicturesHolder> mRecyclerViewAdapter; 
    //UI 
    RecyclerView mImagesRV; 
    LinearLayoutManager mManager; 

    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.activity_main); 
     Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); 
     setSupportActionBar(toolbar); 


     mReference = FirebaseDatabase.getInstance().getReference(); 
     mURLReference= mReference.child("Pictures Data"); 

     FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab); 
     fab.setOnClickListener(new View.OnClickListener() { 
      @Override 
      public void onClick(View view) { 

      } 
     }); 

     mImagesRV=(RecyclerView)findViewById(R.id.recyclerView); 

     mManager=new LinearLayoutManager(this); 
     mManager.setReverseLayout(false); 

     mImagesRV.setHasFixedSize(false); 
     mImagesRV.setLayoutManager(mManager); 

    } 

    public void onAttachRecyclerView() 
    { 

     Query lastHundred = mURLReference.limitToLast(100); 
     mRecyclerViewAdapter = new FirebaseRecyclerAdapter<Pictures, PicturesHolder>(
       Pictures.class,R.layout.content_main,PicturesHolder.class, lastHundred 
     ) { 
      @Override 
      protected void populateViewHolder(PicturesHolder pictureView, Pictures pictures, int position) { 


      } 
     }; 
    } 
}

这是我用FirebaseDatabase插入数据对象（我只想URL）：

public class Pictures { 


    String pictureID; 
    String downloadURL; 
    double latitude; 
    double longitude; 

    public Pictures() { 

    } 

    public void setPictureID(String pictureID) { 
     this.pictureID = pictureID; 
    } 

    public void setDownloadURL(String downloadURL) { 
     this.downloadURL = downloadURL; 
    } 

    public void setLatitude(double latitude) { 
     this.latitude = latitude; 
    } 

    public void setLongitude(double longitude) { 
     this.longitude = longitude; 
    } 

    public String getPictureID() { 
     return pictureID; 
    } 

    public String getDownloadURL() { 
     return downloadURL; 
    } 

    public double getLatitude() { 
     return latitude; 
    } 

    public double getLongitude() { 
     return longitude; 
    } 
}

这是ViewHolder，我不知道它是否好..

public class PicturesHolder extends RecyclerView.ViewHolder { 

    ImageView imageView; 

    public PicturesHolder(View itemView) 
    { 
     super(itemView); 
     imageView = (ImageView) itemView.findViewById(R.id.picture_view); 

    } 

    public void setImageView(ImageView imageView) { 
     this.imageView = imageView; 
    } 
}

这将是很高兴收到你们的好建议！非常感谢。

来源

2016-12-04 Misael Gallegos Guzmán

嗯，我从来没有使用过firebase数据库，但你用什么网络？因为我看不到任何东西。 –

首先，您需要提供populateViewHolder的实现，以将图片中的数据复制到PictureHolder视图中。其次，您可能不希望有方法将视图设置到PictureHolder中。 ViewHolders只提取对传入的itemView中发现的视图的引用。相反，你可能想要下载url并使用Glide之类的东西来下载图像并将其放置到ImageView中。最后，如果您不熟悉RecyclerView的工作方式，则可能需要先做一个简单的示例，而不使用Firebase。 –

我正在使用Glide在我的RecyclerView中填充图像。给定一个HTTP URL的字符串，Glide将解析字符串并显示驻留在ImageView中该HTTP地址的图像。

这里有一个链接到滑翔：https://github.com/bumptech/glide

您需要在您的build.gradle滑行：

compile 'com.github.bumptech.glide:glide:3.7.0'

在ViewHolder创建一个方法，setImage（）使用滑翔设置图像：

public static class PicturesHolder extends RecyclerView.ViewHolder { 
    Context ctx; 
    ImageView image; 

    public PicturesHolder(View v) { 
     super(v); 
     this.ctx = v.getContext(); 
     this.image = (ImageView) v.findViewById(R.id.myImageView); 
    } 

    public void setImage(String url) { 
     Glide.with(ctx) 
       .load(url) 
       .into(image); 
    } 
}

然后在populateViewHolder，你会从你的viewholder调用setImage（）方法并作为参数传递getDownloadURL的返回值（）FR om你的图片模型：

@Override 
    protected void populateViewHolder(PicturesHolder viewHolder, Pictures model, int position) { 
     viewHolder.setImage(model.getDownloadURL()); 
}

来源

2016-12-05 04:43:02 Lucy

它的工作，你是一个天使！谢谢你，谢谢你，谢谢你！ –

使用Firebase数据库填充RecyclerView

回答

相关问题