Выделите выделенный элемент внутри RecyclerView
У меня возникают проблемы с выделенным элементом в RecyclerView, аналогичным настройке выбранного элемента в ListView.
На данный момент я настроил RecyclerView, имел LayoutManager по умолчанию и имел адаптер, который отображает все данные. Я недавно получил рабочий стол onClickListener()
(хотя я не уверен, что он должен идти в onCreateViewHolder()
или onBindViewHolder*(
- не уверен, когда вызывается onBindViewHolder()
).
Я пробовал искать, и ближайший я получил вопрос здесь. Однако я полностью потерял этот вопрос. Где этот метод onClick()
(внутри адаптера, внутри содержащейся активности/фрагмента и т.д.?). Что это за viewHolderListener
? Что такое getPosition()
и что он делает? По сути, я никуда не ушел от этого вопроса, и это был лучший ресурс, который я мог найти до сих пор.
Вот мой текущий код для настройки RecyclerView:
// Sets up the main navigation
private void setupMainNav() {
// use this setting to improve performance if you know that changes
// in content do not change the layout size of the RecyclerView
mMainRecyclerNav.setHasFixedSize(true);
// use a linear layout manager
LinearLayoutManager layoutManager = new LinearLayoutManager(getActivity());
mMainRecyclerNav.setLayoutManager(layoutManager);
// Create and set the adapter for this recyclerView
MainNavAdapter adapter = new MainNavAdapter(getActivity());
mMainRecyclerNav.setAdapter(adapter);
}
Вот мой текущий код для адаптера:
class MainNavAdapter extends RecyclerView.Adapter<MainNavAdapter.ViewHolder> {
Context mContext;
// Holds the titles of every row
String[] rowTitles;
// Default constructor
MainNavAdapter(Context context) {
this.mContext = context;
// Get the rowTitles - the necessary data for now - from resources
rowTitles = context.getResources().getStringArray(R.array.nav_items);
}
// Simple class that holds all the views that need to be reused
class ViewHolder extends RecyclerView.ViewHolder{
View parentView; // The view which holds all the other views
TextView rowTitle; // The title of this item
// Default constructor, itemView holds all the views that need to be saved
public ViewHolder(View itemView) {
super(itemView);
// Save the entire itemView, for setting listeners and usch later
this.parentView = itemView;
// Save the TextView- all that supported at the moment
this.rowTitle = (TextView) itemView.findViewById(R.id.row_title);
}
}
// Create new views (invoked by the layout manager)
@Override
public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {
// Create the view for this row
View row = LayoutInflater.from(mContext)
.inflate(R.layout.list_navmain_row, viewGroup, false);
// Create a new viewHolder which caches all the views that needs to be saved
ViewHolder viewHolder = new ViewHolder(row);
return viewHolder;
}
// Replace the contents of a view (invoked by the layout manager)
@Override
public void onBindViewHolder(ViewHolder viewHolder, int i) {
// - get element from your dataset at this position
// - replace the contents of the view with that element
viewHolder.rowTitle.setText(rowTitles[i]);
// TODO: Make a better workaround for passing in the position to the listener
final int position = i;
// Set a listener for this entire view
viewHolder.parentView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(getActivity(), "Clicked on row: " + position, Toast.LENGTH_SHORT).show();
}
});
}
// Return the size of your dataset (invoked by the layout manager)
@Override
public int getItemCount() {
return rowTitles.length;
}
}
Буду признателен за любую помощь. Спасибо.
Ответы
Ответ 1
RecyclerView
не обрабатывает выбор элемента или состояния, подобные ListView
. Вместо этого вы должны обрабатывать это вручную в своем держателе.
Первое, что вы можете сделать, это объявить ваше представление элемента как clickable в конструкторе конструктора ViewHolder:
public ViewHolder(View itemView) {
super(itemView);
// Make this view clickable
itemView.setClickable(true);
// ...
}
Затем, если вы хотите выделить выделение, вы должны отслеживать выбранные строки в своем адаптере (например, используя список индексов) и в методе onBindViewHolder:
@Override
public void onBindViewHolder(ViewHolder viewHolder, int i) {
// mark the view as selected:
viewHolder.parentview.setSelected(mSelectedRows.contains(i));
}
В качестве дополнительной заметки вы должны установить onClickListener в своем родительском представлении в onCreateViewHolder вместо onBindViewHolder. Метод onBindViewHolder будет вызываться много раз для одного и того же владельца, и вы будете выполнять больше операций, чем необходимо
Ответ 2
Я продлеваю @XGouchet ответ, потому что, хотя он поместил меня на правильный путь, мне все еще нужно было сделать дополнительную работу для поддержки выбора и UNSELECTING строк (например, переключения). Мне и @ScottBiggs нужна поддержка такого типа.
Код держится на mSelectedPosition
, который позволяет корректно установить выбор в onBindViewHolder
и mSelectedView
, который позволяет правильному переключению выбора (как включенному, так и выключенному) при нажатии.
private class AsanaAdapter extends RecyclerView.Adapter<AsanaViewHolder> {
private RecyclerView mRecyclerView;
private final List<Asana> mAsanas;
private int mSelectedPosition;
private View mSelectedView;
public AsanaAdapter(RecyclerView recyclerView, List<Asana> items) {
mRecyclerView = recyclerView;
mAsanas = items;
setHasStableIds(true);
setSelected(0);
}
@Override
public int getItemCount() {
return mAsanas.size();
}
@Override
public AsanaViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View newView = getLayoutInflater().inflate(
R.layout.performance_builder_list_content, parent, false);
newView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (!v.isSelected()) {
// We are selecting the view clicked
if (mSelectedView != null) {
// deselect the previously selected view
mSelectedView.setSelected(false);
}
mSelectedPosition = mRecyclerView.getChildAdapterPosition(v);
mSelectedView = v;
setTitle(mAsanas.get(mSelectedPosition).getName());
} else {
// We are deselecting the view clicked
setTitle("");
mSelectedPosition = -1;
mSelectedView = null;
}
// toggle the item clicked
v.setSelected(!v.isSelected());
}
});
return new AsanaViewHolder(newView);
}
@Override
public void onBindViewHolder(AsanaViewHolder holder, int position) {
if (position == mSelectedPosition) {
holder.itemView.setSelected(true);
// keep track of the currently selected view when recycled
mSelectedView = holder.itemView;
} else {
holder.itemView.setSelected(false);
}
}
}
Ответ 3
Есть простой способ сделать это:
int row_index=0;
@Override
public void onBindViewHolder(MyViewHolder holder, final int position) {
Movie movie = moviesList.get(position);
holder.title.setText(movie.getTitle());
holder.genre.setText(movie.getGenre());
holder.year.setText(movie.getYear());
holder.itemView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
row_index=position;
notifyDataSetChanged();
}
});
if(row_index==position){
holder.itemView.setBackgroundColor(Color.parseColor("#567845"));
}
else
{
holder.itemView.setBackgroundColor(Color.parseColor("#ffffff"));
}
}
Ответ 4
Попробуйте это решение, если вы хотите выделить выделенный элемент только на мгновение после клика. Я использую retrolambda, но вы также можете использовать обычный Runnable.
1.
class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener{
@BindView(R.id.appIcon)
ImageView appIcon;
@BindView(R.id.appName)
TextView appName;
public ViewHolder(View itemView) {
super(itemView);
itemView.setOnClickListener(this);
ButterKnife.bind(this, itemView);
}
@Override
public void onClick(View v) {
v.setSelected(true);
new Handler().postDelayed(() -> v.setSelected(false), 100);
//or new Handler().postDelayed(new Runnable...
//your onClick action
}
}
-
создайте list_item_selector.xml в своем ресурсе
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_selected="true" android:drawable="@color/colorPrimary" />
<item android:drawable="@android:color/transparent" />
</selector>
-
Установите селектор в корневой макет вашего отдельного элемента
android:background="@drawable/list_item_selector"