使用StaggeredGridLayout在Android RecyclerView中滚动并不顺畅

时间:2016-03-31 21:03:59

标签: android imageview android-recyclerview staggeredgridlayout

我使用StaggeredGridLayoutManager创建了一个包含两列的RecyclerView,每个项目包含2个图像和文本,第一个图像的大小可以是(284 * 572,840 * 401或283 * 232)第二个35 * 35和一个文本,列表看起来很棒,但问题是,当用户向下滚动滚动不平滑而且不连续时,图像从本地存储(可绘制)中获取,我们可以做些什么来批准滚动体验。

FantasyTabAdpter.java

public class FantasyTabAdapter extends RecyclerView.Adapter<FantasyTabAdapter.MyViewHolder> {
    private LayoutInflater inflater;
    private ArrayList<Fantasy> fantasies;

    public FantasyTabAdapter(Context context, ArrayList<Fantasy> fantasies) {
        inflater = LayoutInflater.from(context);
        this.fantasies = fantasies;
    }

    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = inflater.inflate(R.layout.fantasy_tab_item, parent, false);
        MyViewHolder holder = new MyViewHolder(view);
        return holder;
    }

    @Override
    public void onBindViewHolder(final MyViewHolder holder, int position) {
        final Fantasy fantasy = fantasies.get(position);
        holder.setData(fantasy, position);
    }

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

    class MyViewHolder extends RecyclerView.ViewHolder{
        ImageView fantasyImage;
        TextView fantasyTitle;
        ImageView fantasyStatus;

        public MyViewHolder(View itemView) {
            super(itemView);
            fantasyImage = (ImageView) itemView.findViewById(R.id.fantasy_tab_image);
            fantasyTitle = (TextView) itemView.findViewById(R.id.fantasy_tab_title);
            fantasyStatus = (ImageView) itemView.findViewById(R.id.fantasy_tab_status);
        }

        public void setData(Fantasy fantasy, int position) {
            this.fantasyTitle.setText(fantasy.getFantasyHeader());
            this.fantasyImage.setImageResource(fantasy.getFantasyHeaderImageID());
            this.fantasyStatus.setImageDrawable(fantasy.statusImagePlsgod);
        }
    }
}

在片段中设置RecyclerView

RecyclerView myRecyclerView = (RecyclerView) rootView.findViewById(R.id.my_recycler_view);

StaggeredGridLayoutManager setLayoutManager = new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.VERTICAL);
FantasyTabAdapter fantasyTabAdapter = new FantasyTabAdapter(getActivity(),fantasies);

myRecyclerView.setLayoutManager(setLayoutManager);
myRecyclerView.setAdapter(fantasyTabAdapter);

1 个答案:

答案 0 :(得分:2)

您可以缓存图片以提高性能。首先看这两个视频:

Caching UI data

The Magic of LRU Cache

然后在理解了原因和如何解决它的想法后,你可以使用像这样的图像库:

Glide

picasso

那些实现缓存策略所以您只需导入其中一个并使用它代替:

sliders

你可以使用

 this.fantasyImage.setImageResource(fantasy.getFantasyHeaderImageID());