web-dev-qa-db-ja.com

RecyclerViewでのFirebaseストレージイメージの表示

こんにちは、FirebaseデータベースのBase64を使用して画像を表示することについて、先ほど質問しました。 Firebase Storageを使用することをお勧めしました。私はコードを作り直し、必要に応じてすべてをFirebaseストレージとデータベースにロードしました。私が抱えている問題は、データを保存するときに、recyclerviewに何も入力されないことです。すべてが空白です。

これを機能させるためにあなたが私に提供できるどんな助けも素晴らしいでしょう。ありがとう。

編集：私のアクティビティクラスでは、カメラをクリックしてボタンクリックリスナーを呼び出しています。写真が撮影されると、Firebase Storageに保存されます。次に、ストレージからイメージをダウンロードして、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());
                    }
                });
}
androidfirebaseandroid-recyclerviewfirebase-storage
11
hozdaman

RecyclerView.ViewHolderにsetImageメソッドを追加し、FirebaseRecyclerAdapterで取得するオブジェクトに画像のURLを保存することをお勧めします。

私の場合、アプリの画像を管理するために Glide を使用しています。

私の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を設定する別の方法が見つかるかもしれませんが、カスタムオブジェクトの別のパラメータのように維持し、画像をアップロードしていなくてもデータを複数回取得する場合は動的にすることをお勧めします。

5
Francisco Durdin Garcia

この目的のための公式の実装がすでにあります。

https://github.com/firebase/quickstart-Android/tree/master/storage

基本的な考え方は、画像をfirebaseストレージにアップロードし、画像のURLをデータベースに保存して、このリンクからダウンロードすることです。

MyDownloadService.JavaクラスでmStorageRef.child（downloadPath）.getStreamメソッドが使用されましたが、入力ストリームを処理しないようにgetBytesメソッドを実装しました。 Glideでバイトを簡単にロードできるからです。タスクが完了すると、バイトをバンドルとしてブロードキャストインテントを送信します。ダウンロードしたときに画像をロードするために、どこでも放送受信機を聞くことができます。

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();
                }
            });
    }

    }
1
ugur

カスタムリストアダプターを使用して、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

???????????? Firebase Sorage画像を外部メモリに保存するためのリンク

リストビューの特定のビューに目的の画像を呼び出すだけです

0
pratikpchpr