отображение изображений хранилища firebase в RecyclerView
Привет я задал более ранний вопрос о отображении изображения с помощью Base64 из моей базы данных Firebase. Было рекомендовано использовать хранилище firebase. Я переработал свой код, и все загружается в хранилище firebase и databse, как и должно. Проблема у меня есть, когда я сохраняю данные, которые ничего не заполняет в моем recyclerview. Все пусто.
любая помощь, которую вы можете предоставить мне, чтобы заставить это работать, будет здорово. Спасибо.
EDIT: в моем классе активности я вызываю clicklistener кнопка для активации камеры. Как только снимок сделан, он сохраняется в хранилище Firebase. Затем я загружаю его изображение из хранилища и отображаю его в recyclerview. Я понимаю часть загрузки, но мне трудно понять часть загрузки и отображения. Спасибо.
viewholder:метод bind
public void bind (ImageProgress progress){
Glide.with(activity).load("").into(image);
}
}
адаптер
@Override
public ProgressViewHolder onCreateViewHolder(ViewGroup parent, int viewType){
return new ProgressViewHolder(activity, activity.getLayoutInflater().inflate(R.layout.weight_progress_list, parent, false));
основная деятельность класс
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.weight_progress);
saveButton = (Button) findViewById(R.id.saveButton);
progressStatusEditText = (EditText) findViewById(R.id.progressStatusEditText);
progressList = (RecyclerView) findViewById(R.id.progressList);
mImageButton = (ImageButton) findViewById(R.id.takePictureButton);
capturedImage=(ImageView)findViewById(R.id.capturedImageView);
LinearLayoutManager layoutManager = new LinearLayoutManager(this);
progressList.setHasFixedSize(false);
progressList.setLayoutManager(layoutManager);
//take picture button
mImageButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
openCamera();
}
});
mDatabaseReference = database.getReference("Progress");
saveButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
//get current user
FirebaseUser user =FirebaseAuth.getInstance().getCurrentUser();
String uid = user.getUid();
ImageProgress progress = new ImageProgress(uid, progressStatusEditText.getText().toString());
mDatabaseReference.push().setValue(progress);
progressStatusEditText.setText("");
}
});
}
private void openCamera() {
Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
startActivityForResult(intent, REQUEST_IMAGE_CAPTURE);
}
@Override
public void onActivityResult(int requestCode, int resultCode, Intent data) {
if (requestCode == REQUEST_IMAGE_CAPTURE && resultCode == RESULT_OK) {
Uri cameraImageURI = data.getData();
//reference where images will be stored
mStorageReference = storage.getReference("Progress Images");
//reference to store file
final StorageReference cameraImageRef = mStorageReference.child(cameraImageURI.getLastPathSegment());
//upload to firebase storage
cameraImageRef.putFile(cameraImageURI)
.addOnSuccessListener(this, new OnSuccessListener<UploadTask.TaskSnapshot>() {
@Override
public void onSuccess(UploadTask.TaskSnapshot taskSnapshot) {
Uri downloadUrl = taskSnapshot.getDownloadUrl();
progressStatusEditText.setText(downloadUrl.toString());
}
});
}
3 ответов
Я предлагаю вам добавить метод setImage на ваш RecyclerView.ViewHolder
и сохраните url-адрес вашего изображения в объекте, который вы извлекаете в своем FirebaseRecyclerAdapter
.
в моем случае, я использую скольжения для управления изображениями моего приложения:
Мой Пример ViewHolder:
public class UserListViewHolder extends RecyclerView.ViewHolder {
private final View mView;
private static final int POST_TEXT_MAX_LINES = 6;
private ImageView mIconView;
private TextView mAuthorView;
private UserClickListener mListener;
public UserListViewHolder(View itemView) {
super(itemView);
mView = itemView;
mIconView = (ImageView) mView.findViewById(R.id.user_image_profile);
mAuthorView = (TextView) mView.findViewById(R.id.user_text_profile);
mView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
mListener.onUserClick();
}
});
}
public void setIcon(String url) {
GlideUtil.loadProfileIcon(url, mIconView);//
}
public void setPostClickListener(UserClickListener listener) {
mListener = listener;
}
public void setText(final String text) {
if (text == null || text.isEmpty()) {
mAuthorView.setVisibility(View.GONE);
return;
} else {
mAuthorView.setVisibility(View.VISIBLE);
mAuthorView.setText(text);
mAuthorView.setMaxLines(POST_TEXT_MAX_LINES);
}
}
public interface UserClickListener {
void onUserClick();
}
}
и вот мой вызов базе:
private FirebaseRecyclerAdapter<Person, UserListViewHolder> getFirebaseRecyclerAdapter(Query query) {
return new FirebaseRecyclerAdapter<Person, UserListViewHolder>(
Person.class, R.layout.user_row_item, UserListViewHolder.class, query) {
@Override
protected void populateViewHolder(UserListViewHolder viewHolder, Person model, int position) {
setupUser(viewHolder, model, position, null);
}
};
}
private void setupUser(final UserListViewHolder UserViewHolder, final Person user, final int position, final String inPostKey) {
final String postKey;
if (mAdapter instanceof FirebaseRecyclerAdapter) {
postKey = ((FirebaseRecyclerAdapter) mAdapter).getRef(position).getKey();
} else {
postKey = inPostKey;
}
FirebaseUtil.getUsersRef().child(postKey).addListenerForSingleValueEvent(new ValueEventListener() {
@Override
public void onDataChange(final DataSnapshot dataSnapshot) {
UserViewHolder.setPostClickListener(new UserListViewHolder.UserClickListener() {
@Override
public void onUserClick() {
mGroup.addUserToGroup(dataSnapshot.getKey());
}
});
UserViewHolder.setIcon(dataSnapshot.child("photoUrl").getValue(String.class));
UserViewHolder.setText(dataSnapshot.child("displayName").getValue(String.class));
}
@Override
public void onCancelled(DatabaseError databaseError) {
}
});
}
вам просто нужно установить изображение так же, как вы устанавливаете свои другие значения при получении данных из Firebase, но с помощью уже сгенерированный newURL для этого изображения после загрузки его в облако.
возможно, вы можете найти другой способ просто установить url-адрес, но я предлагаю вам сохранить его как другой параметр в вашем пользовательском объекте, будучи динамическим, если вы хотите получить эти данные более одного раза, даже если вы не загружаете изображение.
для этой цели уже существует официальная реализация.
https://github.com/firebase/quickstart-android/tree/master/storage
основная идея состоит в том, чтобы загрузить изображение в хранилище firebase и сохранить url-адрес изображения в базе данных, а затем загрузить его по этой ссылке.
в MyDownloadService.java класс mStorageRef.ребенок(downloadPath).метод getStream был использован, но я реализовал метод getBytes, чтобы не иметь дело с inputstreams. Потому что может легко загружать байты с помощью Glide. Когда задача завершена, она отправляет широковещательное намерение с байтами в виде пакета. Вы можете слушать широковещательный приемник везде, где вы хотите, чтобы загрузить изображение ur при его загрузке.
public class DownloadService extends Service{
private StorageReference mStorageRef;
@Override
public void onCreate() {
super.onCreate();
// Initialize Storage
mStorageRef = FirebaseStorage.getInstance().getReference();
}
@Override
public int onStartCommand(Intent intent, int flags, int startId) {
if (ACTION_DOWNLOAD.equals(intent.getAction())) {
mStorage.child(downloadPath).getBytes(10*1024*1024).addOnSuccessListener(new OnSuccessListener<byte[]>() {
@Override
public void onSuccess(byte[] bytes) {
Log.d(TAG, "download:SUCCESS " + bytes.length);
// Send success broadcast with number of bytes downloaded
Intent broadcast = new Intent(ACTION_COMPLETED);
broadcast.putExtra(EXTRA_DOWNLOAD_BYTES, bytes);
broadcast.putExtra(EXTRA_DOWNLOAD_INDEX, uid);
LocalBroadcastManager.getInstance(getApplicationContext())
.sendBroadcast(broadcast);
// Mark task completed
taskCompleted();
}
}).addOnFailureListener(new OnFailureListener() {
@Override
public void onFailure(@NonNull Exception exception) {
Log.w(TAG, "download:FAILURE", exception);
// Send failure broadcast
Intent broadcast = new Intent(ACTION_ERROR);
broadcast.putExtra(EXTRA_DOWNLOAD_PATH, downloadPath);
LocalBroadcastManager.getInstance(getApplicationContext())
.sendBroadcast(broadcast);
// Mark task completed
taskCompleted();
}
});
}
}
используйте пользовательский адаптер списка для обработки listview и для обработки imageView используйте GLIDE, который обеспечивает простой метод для загрузки изображений со ссылкой для хранения.
http://wptrafficanalyzer.in/blog/listview-with-images-and-text-using-simple-adapter-in-android/
Ссылка для создания адаптера списка с imageview и textview
https://firebase.google.com/docs/storage/android/download-files
Ссылка для сохранения опорного пункта sorage изображение во внешнюю память
вам просто нужно вызвать желаемое изображение для определенного вида в listview