使用Glide和RecyclerView进行上下滚动时,图像消失,并且图像之间的间隔增加

时间:2018-07-29 14:19:37

标签: android android-recyclerview imageview firebase-storage android-glide

我有一个RecyclerView来显示我的图像,并且我使用Glide从我的Firebase存储数据库中的URLs中加载图像。

问题是,当我上下滚动时,图像会重新加载,有时会消失,并且每个图像之间的间距会增加。我该如何阻止呢?

我的RecyclerViewAdapter

@Override
public myViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    View row = LayoutInflater.from(parent.getContext()).inflate(R.layout.image_layout,parent,false);
    myViewHolder myViewHolder = new myViewHolder(row);
    return myViewHolder;
}

@Override
public void onBindViewHolder(final myViewHolder holder, int position) {
    final int x = position;
    imageClass = myClassImageList.get(position);
        Glide.with(context)
                .load(imageClass.getName().trim())
                .diskCacheStrategy(DiskCacheStrategy.ALL)
                .fitCenter()
                .into(holder.imageView);
        holder.imageView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                new MyAsyncTask().execute(myClassImageList.get(x).getName());

            }
        });
}

以及我如何将列表发送到适配器

      for(int i=0;i<imageNames.size();i++) {
        StorageReference ref = storageReference.child("filee/" + imageNames.get(i));
        ref.getDownloadUrl().addOnSuccessListener(new OnSuccessListener<Uri>() {
            @Override
            public void onSuccess(Uri uri) {
                String imageURL = uri.toString();
                ImageClass imageClass = new ImageClass();
                imageClass.setName(imageURL);
                list.add(imageClass);
                recyclerView.setLayoutManager(new LinearLayoutManager(MainActivity.this));

                Toast.makeText(MainActivity.this, "Downloaded", Toast.LENGTH_SHORT).show();

            }
        }).addOnFailureListener(new OnFailureListener() {
            @Override
            public void onFailure(@NonNull Exception exception) {
                Toast.makeText(MainActivity.this, "Not Downloaded", Toast.LENGTH_SHORT).show();
            }
        });

    }
    adapter = new ImageRecyclerAdapter(MainActivity.this,list);
    recyclerView.setAdapter(adapter);

编辑:我通过删除imageLayout中的LinearLayout解决了图像之间的空间问题。

现在我的问题是,当我上下滚动时图像会重新加载。

1 个答案:

答案 0 :(得分:0)

我认为问题出在将项目添加到列表中的方式上。

尝试将其更改为

adapter = new ImageRecyclerAdapter(MainActivity.this,list);
recyclerView.setAdapter(adapter);
recyclerView.setLayoutManager(new LinearLayoutManager(MainActivity.this));

for(int i=0;i<imageNames.size();i++) {
    StorageReference ref = storageReference.child("filee/" + imageNames.get(i));
    ref.getDownloadUrl().addOnSuccessListener(new OnSuccessListener<Uri>() {
        @Override
        public void onSuccess(Uri uri) {
            String imageURL = uri.toString();
            ImageClass imageClass = new ImageClass();
            imageClass.setName(imageURL);
            list.add(imageClass);
            adapter.notifyDataSetChanged();
            Toast.makeText(MainActivity.this, "Downloaded", Toast.LENGTH_SHORT).show();
        }
    }).addOnFailureListener(new OnFailureListener() {
        @Override
        public void onFailure(@NonNull Exception exception) {
            Toast.makeText(MainActivity.this, "Not Downloaded", Toast.LENGTH_SHORT).show();
        }
    });

}

,getDownloadUrl()是否按调用顺序返回结果?如果否,则图像可能会以随机顺序加载到列表中。