首页 > 解决方案 > Recyclerview 中的多个视图被更改,而不仅仅是一个视图

问题描述

我正在创建一个带有 Recyclerview 的应用程序,每个项目都有一个 Textview 和一个 Button。最初,所有的 Textview 都是不可见的。我希望它在按下相应的按钮时可见。我设法做到了,但它有一个问题。

这是我的代码的简化版本:

MainActivity.java

package com.example.so;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;

public class MainActivity extends AppCompatActivity {

    private RecyclerView mRecyclerView;
    private WordListAdapter mAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mRecyclerView = findViewById(R.id.recyclerview);
        mAdapter = new WordListAdapter(this);
        mRecyclerView.setAdapter(mAdapter);
        mRecyclerView.setLayoutManager(new LinearLayoutManager(this));

    }

}

WordListAdapter.java

package com.example.so;

import android.content.Context;
import android.support.annotation.NonNull;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.TextView;

public class WordListAdapter extends RecyclerView.Adapter<WordListAdapter.WordViewHolder> {
    private LayoutInflater mInflator;

    public WordListAdapter(Context context) {
        mInflator = LayoutInflater.from(context);
    }

    class WordViewHolder extends RecyclerView.ViewHolder {
        private final TextView itemTextview;
        private final Button itembutton;
        final WordListAdapter mAdapter;

        public WordViewHolder(View itemView, WordListAdapter adapter) {
            super(itemView);
            itemTextview = itemView.findViewById(R.id.item_text);
            itembutton = itemView.findViewById(R.id.item_button);
            this.mAdapter = adapter;

            itembutton.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    itemTextview.setVisibility(View.VISIBLE);
                }
            });

        }
    }


    @NonNull
    @Override
    public WordListAdapter.WordViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View mItemView = mInflator.inflate(R.layout.wordlist_item, parent, false);
        return new WordViewHolder(mItemView, this);
    }

    @Override
    public void onBindViewHolder(@NonNull WordListAdapter.WordViewHolder holder, int position) {
    }

    @Override
    public int getItemCount() {
        return 20;
    }
}

wordlist_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:orientation="horizontal"
    android:layout_margin="6dp">

    <TextView
        android:id="@+id/item_text"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:gravity="center"
        android:layout_weight="1"
        android:text="Button clicked!"
        android:visibility="invisible"/>

    <Button
        android:id="@+id/item_button"
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:text="Button" />

</LinearLayout>

这样做的问题是,当我按下第一个按钮时,除了第一个 Textview 之外,第 15 个 Textview 变得可见。同样,当我按下第 16 个按钮时,除了第 16 个 Textview 之外,第 2 个 Textview 变得可见。其他按钮也是如此。

我不确定为什么按下一个按钮时两个 Textviews 变得可见。代码有什么问题?

标签: androidandroid-recyclerview

解决方案


当您滚动并向您显示新的 RecyclerView 项目时,它们将被重绘(回收),并且使用onBindViewHolder()函数将数据新插入其中。

我建议您拥有某种集合或可见项目数组,并在onBindViewHolder()中使用一些逻辑来隐藏或显示它们。

构造函数

private boolean[] visibleItems;

public WordListAdapter(Context context) {
    mInflator = LayoutInflater.from(context);
    visibleItems = new boolean[20];
}

ViewHolder

itembutton.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) { 
            int pos = getAdapterPosition();
            visibleItems[pos] = true;
            notifyItemChanged(pos);
        }
    });

onBindViewHolder()

@Override
public void onBindViewHolder(@NonNull WordListAdapter.WordViewHolder holder, int position) {
    if(visibleItems[position]) 
        itemTextview.setVisibility(View.VISIBLE);
    else itemTextview.setVisibility(View.INVISIBLE);
}

如果 RecyclerView 项目中有 EditTexts 并且它们不是在同一函数中使用setText()设置它们,但只能编辑,则会发生同样的问题。


推荐阅读