Wie kann ich ausgewählte Elemente in RecyclerView richtig hervorheben?

Ich versuche, a zu verwenden RecyclerView als Horizontale ListView. Ich versuche herauszufinden, wie ich das ausgewählte Element hervorheben kann. Wenn ich auf eines der Elemente klicke, wird es ausgewählt und richtig hervorgehoben, aber wenn ich auf ein anderes klicke, wird das zweite mit dem älteren hervorgehoben.

Hier ist meine onClick-Funktion:

@Override
public void onClick(View view) {

    if(selectedListItem!=null){
        Log.d(TAG, "selectedListItem " + getPosition() + " " + item);
        selectedListItem.setBackgroundColor(Color.RED);
    }
    Log.d(TAG, "onClick " + getPosition() + " " + item);
    viewHolderListener.onIndexChanged(getPosition());
    selectedPosition = getPosition();
    view.setBackgroundColor(Color.CYAN); 
    selectedListItem = view;
}

Hier ist das onBindViewHolder:

@Override
public void onBindViewHolder(ViewHolder viewHolder, int position) {   
    viewHolder.setItem(fruitsData[position]);
    if(selectedPosition == position)
        viewHolder.itemView.setBackgroundColor(Color.CYAN);    
    else
        viewHolder.itemView.setBackgroundColor(Color.RED);

}

Dies ist ein sehr einfacher Weg, dies zu tun.

Habe einen private int selectedPos = RecyclerView.NO_POSITION; in der Klasse RecyclerView Adapter und unter der Methode onBindViewHolder Folgendes versuchen:

@Override
public void onBindViewHolder(ViewHolder viewHolder, int position) {   
    viewHolder.itemView.setSelected(selectedPos == position);

}

Und in Ihrem OnClick-Ereignis ändern Sie:

@Override
public void onClick(View view) {
     notifyItemChanged(selectedPos);
     selectedPos = getLayoutPosition();
     notifyItemChanged(selectedPos); 
}

Funktioniert wie ein Zauber für Navigional Drawer und andere RecyclerView Item Adapter.

Hinweis: Stellen Sie sicher, dass Sie in Ihrem Layout eine Hintergrundfarbe verwenden, indem Sie einen Selektor wie colabug clarified verwenden:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:drawable="@color/pressed_color" android:state_pressed="true"/>
  <item android:drawable="@color/selected_color" android:state_selected="true"/>
  <item android:drawable="@color/focused_color" android:state_focused="true"/>
</selector>

Andernfalls wird setSelected(..) nichts tun, wodurch diese Lösung unbrauchbar wird.

AKTUALISIEREN [26/Jul/2017]:

Wie der Pawan im Kommentar zu dieser IDE-Warnung erwähnt hat, diese feste Position nicht zu verwenden, habe ich meinen Code gerade wie folgt geändert. Der Klick-Listener wird verschoben ViewHolderund dort bekomme ich die Position mit getAdapterPosition() Methode

int selected_position = 0; // You have to set this globally in the Adapter class

@Override
public void onBindViewHolder(ViewHolder holder, int position) {
    Item item = items.get(position);

    // Here I am just highlighting the background
    holder.itemView.setBackgroundColor(selected_position == position ? Color.GREEN : Color.TRANSPARENT);
}

public class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener {

    public ViewHolder(View itemView) {
        super(itemView);
        itemView.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        // Below line is just like a safety check, because sometimes holder could be null,
        // in that case, getAdapterPosition() will return RecyclerView.NO_POSITION
        if (getAdapterPosition() == RecyclerView.NO_POSITION) return;

        // Updating old as well as new positions
        notifyItemChanged(selected_position);
        selected_position = getAdapterPosition();
        notifyItemChanged(selected_position);

        // Do your another stuff for your onClick
    }
}

hoffe das hilft.

Ich habe eine Basisadapterklasse geschrieben, um die Elementauswahl automatisch mit einer RecyclerView zu handhaben. Leiten Sie einfach Ihren Adapter davon ab und verwenden Sie darstellbare Zustandslisten mit state_selected, wie Sie es mit einer Listenansicht tun würden.

Ich habe ein Blogbeitrag hier darüber, aber hier ist der Code:

public abstract class TrackSelectionAdapter<VH extends TrackSelectionAdapter.ViewHolder> extends RecyclerView.Adapter<VH> {
    // Start with first item selected
    private int focusedItem = 0;

    @Override
    public void onAttachedToRecyclerView(final RecyclerView recyclerView) {
        super.onAttachedToRecyclerView(recyclerView);

        // Handle key up and key down and attempt to move selection
        recyclerView.setOnKeyListener(new View.OnKeyListener() {
            @Override
            public boolean onKey(View v, int keyCode, KeyEvent event) {
                RecyclerView.LayoutManager lm = recyclerView.getLayoutManager();

                // Return false if scrolled to the bounds and allow focus to move off the list
                if (event.getAction() == KeyEvent.ACTION_DOWN) {
                    if (keyCode == KeyEvent.KEYCODE_DPAD_DOWN) {
                        return tryMoveSelection(lm, 1);
                    } else if (keyCode == KeyEvent.KEYCODE_DPAD_UP) {
                        return tryMoveSelection(lm, -1);
                    }
                }

                return false;
            }
        });
    }

    private boolean tryMoveSelection(RecyclerView.LayoutManager lm, int direction) {
        int tryFocusItem = focusedItem + direction;

        // If still within valid bounds, move the selection, notify to redraw, and scroll
        if (tryFocusItem >= 0 && tryFocusItem < getItemCount()) {
            notifyItemChanged(focusedItem);
            focusedItem = tryFocusItem;
            notifyItemChanged(focusedItem);
            lm.scrollToPosition(focusedItem);
            return true;
        }

        return false;
    }

    @Override
    public void onBindViewHolder(VH viewHolder, int i) {
        // Set selected state; use a state list drawable to style the view
        viewHolder.itemView.setSelected(focusedItem == i);
    }

    public class ViewHolder extends RecyclerView.ViewHolder {
        public ViewHolder(View itemView) {
            super(itemView);

            // Handle item click and set the selection
            itemView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    // Redraw the old selection and the new
                    notifyItemChanged(focusedItem);
                    focusedItem = getLayoutPosition();
                    notifyItemChanged(focusedItem);
                }
            });
        }
    }
} 

Wie in dieser verknüpften Frage erwähnt, sollte das Festlegen von Listenern für viewHolders in onCreateViewHolder erfolgen. Allerdings zielte die folgende Implementierung ursprünglich auf Mehrfachauswahl ab, aber ich habe einen Hack in das Snippet geworfen, um eine Einzelauswahl zu erzwingen.(*1)

// an array of selected items (Integer indices) 
private final ArrayList<Integer> selected = new ArrayList<>();

// items coming into view
@Override
public void onBindViewHolder(final ViewHolder holder, final int position) {
    // each time an item comes into view, its position is checked
    // against "selected" indices
    if (!selected.contains(position)){
        // view not selected
        holder.parent.setBackgroundColor(Color.LTGRAY);
    }
    else
        // view is selected
        holder.parent.setBackgroundColor(Color.CYAN);
}

// selecting items
@Override
public boolean onLongClick(View v) {
        
        // select (set color) immediately.
        v.setBackgroundColor(Color.CYAN);

        // (*1)
        // forcing single selection here...
        if (selected.isEmpty()){
            selected.add(position); // (done - see note)
        }else {
            int oldSelected = selected.get(0);
            selected.clear(); // (*1)... and here.
            selected.add(position);
            // note: We do not notify that an item has been selected
            // because that work is done here.  We instead send
            // notifications for items which have been deselected.
            notifyItemChanged(oldSelected);
        }
        return false;
}

Ich denke, ich habe das beste Tutorial zur Verwendung von RecyclerView mit allen grundlegenden Funktionen gefunden, die wir benötigen (Einzel- und Mehrfachauswahl, Hervorheben, Ripple, Klicken und Entfernen in Mehrfachauswahl usw.).

Hier ist es –> http://enoent.fr/blog/2015/01/18/recyclerview-basics/

Darauf aufbauend konnte ich eine Bibliothek „FlexibleAdapter“ erstellen, die einen SelectableAdapter erweitert. Ich denke, dies muss in der Verantwortung des Adapters liegen, eigentlich müssen Sie die grundlegenden Funktionen des Adapters nicht jedes Mal neu schreiben, sondern eine Bibliothek dies tun lassen, sodass Sie einfach dieselbe Implementierung wiederverwenden können.

Dieser Adapter ist sehr schnell, er funktioniert sofort nach dem Auspacken (Sie müssen ihn nicht verlängern); Sie passen die Elemente für alle Ansichtstypen an, die Sie benötigen. ViewHolder sind vordefiniert: allgemeine Ereignisse sind bereits implementiert: einfacher und langer Klick; es behält den Zustand nach der Rotation bei und viel viel mehr.

Bitte schauen Sie es sich an und setzen Sie es gerne in Ihren Projekten ein.

https://github.com/davideas/FlexibleAdapter

Ein Wiki ist ebenfalls verfügbar.

Schau dir meine Lösung an. Ich nehme an, dass Sie die ausgewählte Position im Halter festlegen und als Tag of View übergeben sollten. Die Ansicht sollte in der Methode onCreateViewHolder(…) gesetzt werden. Es gibt auch den richtigen Ort, um Listener für die Ansicht festzulegen, z. B. OnClickListener oder LongClickListener.

Bitte schauen Sie sich das Beispiel unten an und lesen Sie die Kommentare zum Code.

public class MyListAdapter extends RecyclerView.Adapter<MyListAdapter.ViewHolder> {
    //Here is current selection position
    private int mSelectedPosition = 0;
    private OnMyListItemClick mOnMainMenuClickListener = OnMyListItemClick.NULL;

    ...

    // constructor, method which allow to set list yourObjectList

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        //here you prepare your view 
        // inflate it
        // set listener for it
        final ViewHolder result = new ViewHolder(view);
        final View view =  LayoutInflater.from(parent.getContext()).inflate(R.layout.your_view_layout, parent, false);
        view.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //here you set your current position from holder of clicked view
                mSelectedPosition = result.getAdapterPosition();

                //here you pass object from your list - item value which you clicked
                mOnMainMenuClickListener.onMyListItemClick(yourObjectList.get(mSelectedPosition));

                //here you inform view that something was change - view will be invalidated
                notifyDataSetChanged();
            }
        });
        return result;
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        final YourObject yourObject = yourObjectList.get(position);

        holder.bind(yourObject);
        if(mSelectedPosition == position)
            holder.itemView.setBackgroundColor(Color.CYAN);
        else
            holder.itemView.setBackgroundColor(Color.RED);
    }

    // you can create your own listener which you set for adapter
    public void setOnMainMenuClickListener(OnMyListItemClick onMyListItemClick) {
        mOnMainMenuClickListener = onMyListItemClick == null ? OnMyListItemClick.NULL : onMyListItemClick;
    }

    static class ViewHolder extends RecyclerView.ViewHolder {


        ViewHolder(View view) {
            super(view);
        }

        private void bind(YourObject object){
            //bind view with yourObject
        }
    }

    public interface OnMyListItemClick {
        OnMyListItemClick NULL = new OnMyListItemClick() {
            @Override
            public void onMyListItemClick(YourObject item) {

            }
        };

        void onMyListItemClick(YourObject item);
    }
}

Es gibt keinen Selektor in RecyclerView wie ListView und GridView, aber Sie versuchen unten, was für mich funktioniert hat

Erstellen Sie wie unten eine zeichnerische Auswahl

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
<item android:state_pressed="true">
   <shape>
         <solid android:color="@color/blue" />
   </shape>
</item>

<item android:state_pressed="false">
    <shape>
       <solid android:color="@android:color/transparent" />
    </shape>
</item>
</selector>

Legen Sie dann dieses Drawable als Hintergrund Ihres RecyclerView-Zeilenlayouts fest

android:background="@drawable/selector"