Как загрузить изображение из Firebase с Glide? - PullRequest
0 голосов
/ 23 июня 2018

Я создал приложение, которое позволяет пользователям публиковать изображения и несколько текстовых обзоров в Firebase. Затем вы можете просмотреть все сообщения в представлении переработчика. Приложение собирается и работает нормально, однако изображение из каждого поста не загружается в представлении переработчика; все фиктивный текст загружается хорошо.

Ссылка для скриншота сбойного рециркулятора:

image

2) Recycler View Adapter

public class RecViewAdapter extends RecyclerView.Adapter {

    public Context context;
    public List list;

    RecViewAdapter(Context context, List List) {
        this.list = List;
        this.context = context;
    }

    // Create new views (invoked by the layout manager)
    @NonNull
    @Override
    public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        // create a new view
        View comicView = LayoutInflater.from(parent.getContext())
                .inflate(R.layout.recycler_items, parent, false);

        // create ViewHolder
        return new ViewHolder(comicView);
    }

    // Replace the contents of a view (invoked by the layout manager)
    @Override
    public void onBindViewHolder(@NonNull ViewHolder viewHolder, int position) {
        ComicBase comicBase = list.get(position);

        viewHolder.comIssueHolder.setText(comicBase.getComIssue());
        viewHolder.comTitleHolder.setText(comicBase.getComTitle());
        viewHolder.comGradeHolder.setText(comicBase.getComGrade());
        viewHolder.comPriceHolder.setText(comicBase.getComPrice());
        Glide.with(context)
                .load(comicBase.getImageUrl())
                .centerCrop()
                .into(viewHolder.comImageHolder);
    }


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

    // inner class to hold a reference to each item of RecyclerView
    static class ViewHolder extends RecyclerView.ViewHolder {

        TextView comTitleHolder, comIssueHolder, comGradeHolder,
                comPriceHolder;
        ImageView comImageHolder;

        ViewHolder(View comView) {
            super(comView);
            comTitleHolder = comView.findViewById(R.id.com_title_show);
            comIssueHolder = comView.findViewById(R.id.com_issue_show);
            comGradeHolder = comView.findViewById(R.id.com_grade_show);
            comImageHolder = comView.findViewById(R.id.com_image_show);
            comPriceHolder = comView.findViewById(R.id.com_price_show);
        }
    }
}

2) recycler_items.xml




    

        

        

        

        

        

    

3) Вид переработчика загрузки фрагментов

public class FragExplore extends Fragment {

    public FragExplore() {
        //required empty default constructor
    }

    public DatabaseReference comBaseRef;
    public FirebaseAuth mAuth;
    public List<ComicBase> list = new ArrayList<>();
    public RecyclerView recView;
    public RecyclerView.Adapter adapter;

    @Override
    public View onCreateView(@NonNull LayoutInflater inflater,
                             ViewGroup container,
                             Bundle savedInstanceState) {
        View rootView = inflater.inflate(R.layout.frag_explore,
                container, false);

        recView = rootView.findViewById(R.id.rec_view_buy);
        recView.setHasFixedSize(true);
        recView.setLayoutManager(new LinearLayoutManager(getActivity()));

        mAuth = FirebaseAuth.getInstance();
        comBaseRef = FirebaseDatabase.getInstance().getReference("ComicBase");

        comBaseRef.addChildEventListener(new ChildEventListener() {
            @Override
            public void onChildAdded(@NonNull DataSnapshot dataSnapshot, @Nullable String s) {
                ComicBase comicBase = dataSnapshot.getValue(ComicBase.class);
                list.add(comicBase);

                adapter = new RecViewAdapter(getContext(), list);
                recView.setAdapter(adapter);
            }

            @Override
            public void onChildChanged(@NonNull DataSnapshot dataSnapshot, @Nullable String s) {

            }

            @Override
            public void onChildRemoved(@NonNull DataSnapshot dataSnapshot) {

            }

            @Override
            public void onChildMoved(@NonNull DataSnapshot dataSnapshot, @Nullable String s) {

            }

            @Override
            public void onCancelled(@NonNull DatabaseError databaseError) {
            }
        });
        return rootView;
    }
}

4) класс JSON

public class ComicBase {

    private String comTitle, comIssue, comGrade,
            comImageUrl,
            comPrice;

    public ComicBase(){
        //No-argument constructor
        //can leave empty
    }

    public ComicBase(String comTitle,
                     String comIssue,
                     String comGrade,
                     String comImageUrl,
                     String comPrice){
        this.comTitle = comTitle;
        this.comIssue = comIssue;
        this.comGrade = comGrade;
        this.comImageUrl = comImageUrl;
        this.comPrice = comPrice;
    }

    public String getComTitle() {
        return comTitle;
    }

    public void setComTitle(String comTitle) {
        this.comTitle = comTitle;
    }

    public String getComIssue() {
        return comIssue;
    }

    public void setComIssue(String comIssue) {
        this.comIssue = comIssue;
    }

    public String getComGrade() {
        return comGrade;
    }

    public void setComGrade(String comGrade) {
        this.comGrade = comGrade;
    }
    public String getImageUrl() {
        return comImageUrl;
    }
    public void setImageUrl(String comImageUrl) {
        this.comImageUrl = comImageUrl;
    }
    public String getComPrice() {
        return comPrice;
    }
    public void setComPrice(String comPrice) {
        this.comPrice = comPrice;
    }
}

5) метод отправки сообщений в firebase

public void PostComicInfo(){
        //grabs the text from the views and converts them to strings
        final String ComTitle = comTitle.getText().toString().trim();
        final String ComIssue = comIssue.getText().toString().trim();
        final String ComGrade = comGrade.getText().toString().trim();
        final String ComPrice = comPrice.getText().toString().trim();

        // checks for empty fields and throws message if nothing is found
        if (TextUtils.isEmpty(ComTitle)){
            Toast.makeText(ActPostComic.this, "Add the Comic Title!", Toast.LENGTH_LONG).show();
            return;
        } if (TextUtils.isEmpty(ComIssue)){
            Toast.makeText(ActPostComic.this, "Add the Comic Issue Number!", Toast.LENGTH_LONG).show();
            return;
        } if (TextUtils.isEmpty(ComGrade)){
            Toast.makeText(ActPostComic.this, "Add the Comic Grade!", Toast.LENGTH_LONG).show();
            return;
        } if (TextUtils.isEmpty(ComPrice)){
            Toast.makeText(ActPostComic.this, "Add your Price!", Toast.LENGTH_LONG).show();
            return;
        }

        //stores the image file
        StorageReference ref = storageRef.child(uri.getLastPathSegment());
        ref.putFile(uri)
                .addOnSuccessListener(new OnSuccessListener<UploadTask.TaskSnapshot>() {
                    @Override
                    public void onSuccess(UploadTask.TaskSnapshot taskSnapshot) {
                        //getting the comic image download url
                        final Task<Uri> downloadUrl = taskSnapshot.getMetadata().getReference().getDownloadUrl();
                        final String ComImageUrl = downloadUrl.toString();
                        //the comic base reference here must have the same order as the java class itself
                        databaseRef.push().setValue(new ComicBase(ComTitle, ComIssue, ComGrade, ComImageUrl, ComPrice))
                                .addOnCompleteListener(new OnCompleteListener<Void>() {
                                    @Override
                                    public void onComplete(@NonNull Task<Void> task) {
                                        Toast.makeText(ActPostComic.this, "Upload Complete!", Toast.LENGTH_SHORT).show();
                                        startActivity(new Intent(ActPostComic.this, ActMain.class));
                                    }
                                });
                    }
                });
    }

Ответы [ 2 ]

0 голосов
/ 24 июня 2018

Добавление этого к методу, который отправляет сообщения в Firebase, устраняет проблему

        final StorageReference ref = storageRef.child("ComicImageBase").child(UUID.randomUUID().toString());
        ref.putFile(uri)
                .addOnSuccessListener(new OnSuccessListener<UploadTask.TaskSnapshot>() {
                    @Override
                    public void onSuccess(UploadTask.TaskSnapshot taskSnapshot) {

                        final Task<Uri> urlTask = taskSnapshot.getStorage().getDownloadUrl();
                        while (!urlTask.isSuccessful());
                        final Uri taskResult = urlTask.getResult();
                        final String downloadUrl = taskResult.toString();

                            databaseRef.push().setValue(new ComicBase(ComTitle, ComIssue, ComGrade, downloadUrl, ComPrice))
                                    .addOnCompleteListener(new OnCompleteListener<Void>() {
                                        @Override
                                        public void onComplete(@NonNull Task<Void> task) {
                                            Toast.makeText(ActPostComic.this, "Upload Complete!", Toast.LENGTH_SHORT).show();
                                            startActivity(new Intent(ActPostComic.this, ActMain.class));
                                        }
                                    });
                    }
                });
0 голосов
/ 23 июня 2018

Чтобы достичь этого, вы можете использовать библиотеку кэширования изображений, например Picasso

. Можно загрузить здесь

Затем вы можете использовать код, подобный приведенному ниже, для загрузки изображения.в методе onBindViewHolder.

       Picasso.get().load(comicBase.getImageUrl()).into(viewHolder.comImageHolder);

Добавьте этот код в метод PostComicInfo.

    Calendar callForDate = Calendar.getInstance();
    SimpleDateFormat currentDate = new SimpleDateFormat("dd-MMMM-yyyy");
    saveCurrentDate = currentDate.format(callForDate.getTime());

    Calendar callForTime = Calendar.getInstance();
    SimpleDateFormat currentTime = new SimpleDateFormat("HH:mm");
    saveCurrentTime = currentTime.format(callForTime.getTime());

    postRandomName = saveCurrentDate+saveCurrentTime;

Затем измените метод StorageReference ref = storageRef.child(uri.getLastPathSegment()); ниже

StorageReference ref = storageRef.child(uri.getLastPathSegment() + postRandomName + ".jpg");

Затем addOnSuccessListener изменить на ниже.

 filepath.putFile(resultUri).addOnCompleteListener(new OnCompleteListener<UploadTask.TaskSnapshot>() {
                    @Override
                    public void onComplete(@NonNull Task<UploadTask.TaskSnapshot> task) {
                        if(task.isSuccessful()){

                            final String ComImageUrl = task.getResult().getDownloadUrl().toString();

                           databaseRef.push().setValue(new ComicBase(ComTitle, ComIssue, ComGrade, ComImageUrl, ComPrice))
                                .addOnCompleteListener(new OnCompleteListener<Void>() {
                                    @Override
                                    public void onComplete(@NonNull Task<Void> task) {
                                        Toast.makeText(ActPostComic.this, "Upload Complete!", Toast.LENGTH_SHORT).show();
                                        startActivity(new Intent(ActPostComic.this, ActMain.class));
                                    }
                                });
                        }
                    }
                });
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...