Recycleviewer - 如何重用布局?

时间:2016-12-06 17:47:14

标签: java android xml android-recyclerview recycler-adapter

我正在使用this库来处理我的RecycleView添加项目。我有一个ImageView和一个类的布局。我有一个对象列表,我想将它们添加到RecycleView

基本上就是这样:

我的item_main.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/frame"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true">

    <ImageView
        android:id="@+id/cover_image"
        android:layout_width="180dp"
        android:layout_height="264dp"
        android:scaleType="centerCrop" />

</FrameLayout>

我的activity_main.xml(不是全部):

<android.support.v4.widget.SwipeRefreshLayout
    android:id="@+id/swipe_refresh_main"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    xmlns:android="http://schemas.android.com/apk/res/android">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"

        android:scrollbars="vertical"/>
</android.support.v4.widget.SwipeRefreshLayout>

我的班级MyObject

public class MyObject extends AbstractItem<MyObject, MyObject.ViewHolder> implements Serializable  {
    @SerializedName(value="id")
    private int id;
    @SerializedName(value="name")
    private String name;
    @Expose
    private String linkToImage;

    public int getId() {
        return id;
    }
    public String getName() {
        return name;
    }

    @Override
    public int getType() {
        return R.id.image;
    }

    //The layout to be used for this type of item
    @Override
    public int getLayoutRes() {
        return R.layout.item_main;
    }

    @Override
    public void bindView(ViewHolder viewHolder, List<Object> payloads) {
        //call super so the selection is already handled for you
        super.bindView(viewHolder, payloads);

        //bind our data
        //set the text for the name
        Picasso.with(viewHolder.itemView.getContext())
                .load(linkToImage)
                .into(viewHolder.image);
    }

    //The viewHolder used for this item. This viewHolder is always reused by the RecyclerView so scrolling is blazing fast
    protected static class ViewHolder extends RecyclerView.ViewHolder {
        protected ImageView image;
        public ViewHolder(View view) {
            super(view);
            this.image = (ImageView) view.findViewById(R.id.cover_image);
        }
    }
}

效果很好。现在的问题是,我希望在另一个Activity中使用不同的RecycleView但相同的List<MyObject>和相同的item_main.xml重复使用此功能。

我尝试使用MainActivity中的相同代码。它似乎添加了项目(它在onClick中打印出名称),但它不会加载图像。

以下是MainActivity中的代码:

RecyclerView mRecyclerView;
mRecyclerView = (RecyclerView) findViewById(R.id.mainRecycleView);
mRecyclerView.setLayoutManager(new GridLayoutManager(getApplicationContext(), 2));

FastItemAdapter fastAdapter = new FastItemAdapter();

mRecyclerView.setAdapter(fastAdapter);
fastAdapter.add(listOfMyObjects);
DefaultItemAnimator animator = new DefaultItemAnimator() {
    @Override
    public boolean canReuseUpdatedViewHolder(RecyclerView.ViewHolder viewHolder) {
        return true;
    }
};
fastAdapter.withSelectable(true);
fastAdapter.withOnClickListener(new FastAdapter.OnClickListener<MyObject>() {
    @Override
    public boolean onClick(View v, IAdapter<MyObject> adapter, MyObjectitem, int position) {
        Log.d("DEBUG", item.getName());
        return true;
    }
});
mRecyclerView.setItemAnimator(animator);

有什么想法吗?感谢。

1 个答案:

答案 0 :(得分:1)

我在ViewHolder中发现了一个潜在的错误,但我真的不知道它在MainActivity中是如何运作的。

您已在item_main.xml功能中设置getLayoutRes,并在ViewHolder中从错误的布局ID获取ImageView引用。

所以你的ViewHolder应该是这样的。

protected static class ViewHolder extends RecyclerView.ViewHolder {
    protected ImageView image;
    public ViewHolder(View view) {
        super(view);

        // Set the proper layout id cover_image here
        this.image = (ImageView) view.findViewById(R.id.cover_image);
    }
}

更新

由于你错误地将错误的布局ID放在了问题中,所以我认为错误不存在。但无论如何,我发现你可能需要检查其他问题。

MainActivity中,您首先设置适配器,然后在适配器中添加对象。所以你可能会这样做

// Add the items first
fastAdapter.add(listOfMyObjects);

// Then set the adapter
mRecyclerView.setAdapter(fastAdapter);

或者你可以按照自己的方式做到这一点

mRecyclerView.setAdapter(fastAdapter);
fastAdapter.add(listOfMyObjects);

// Notify the adapter that new elements have added
fastAdapter.notifyDatasetChanged();

请检查图像链接是否有效。

就个人而言,我使用Glide来加载图像。你也可以看一下Glide的图像加载。

Glide.with(viewHolder.itemView.getContext())
    .load(linkToImage)
    .into(viewHolder.image);