rookieDeveloper
rookieDeveloper

Reputation: 2468

Change background of RecyclerView selected item

I have a recylcerView, I want to change the background color of selected textview, if user clicks on next textview previous selection should be removed, and current should be highlighted, so far what I have done is that it highlights selected date and keeps previous one highlighted

    public void onBindViewHolder(final DateHolder holder, final int position) {
        final String monthDate = arrayListDate.get(position);
        final GradientDrawable gd = new GradientDrawable();
        gd.setShape(GradientDrawable.OVAL);
        final GradientDrawable drawable=new GradientDrawable();
        drawable.setShape(GradientDrawable.OVAL);
        if(selectedDate.contains(monthDate)){

            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
                drawable.setColor(Color.parseColor("#006EB9"));
                drawable.setSize(width,height);
                holder.tvDate.setTextColor(getResources().getColor(R.color.white));
                holder.tvDate.setBackground(drawable);                
             }
        }
            ViewTreeObserver viewTreeObserver = relativeLayout.getViewTreeObserver();
            viewTreeObserver.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
                @Override
                public void onGlobalLayout() {
                    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {                            holder.tvDate.getViewTreeObserver().removeOnGlobalLayoutListener(this);
                        width = holder.tvDate.getMeasuredWidth();
                        height = holder.tvDate.getLineHeight();
                    } else {
                        //noinspection deprecation
                        holder.tvDate.getViewTreeObserver().removeGlobalOnLayoutListener(this);
                        width = holder.tvDate.getMeasuredWidth();
                        height= holder.tvDate.getLineHeight();
                    }

                }
            });

                holder.tvDate.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {

                        selectedDate.clear();
                        selectedDate.add(monthDate);
                        notifyItemChanged(position);

                    }
                });
        }

Upvotes: 2

Views: 5477

Answers (2)

Vygintas B
Vygintas B

Reputation: 1694

Put global int variable into your adapter class like int selectedPosition = 9999; Check comments for more info

   public void onBindViewHolder(final DateHolder holder, final int position
  {
    final String monthDate = arrayListDate.get(position);
    final GradientDrawable gd = new GradientDrawable();
    gd.setShape(GradientDrawable.OVAL);
    final GradientDrawable drawable=new GradientDrawable();
    drawable.setShape(GradientDrawable.OVAL);
    // if its selected position change background;
    if(selectedPosition == position){

        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
            drawable.setColor(Color.parseColor("#006EB9"));
            drawable.setSize(width,height);
            holder.tvDate.setTextColor(getResources().getColor(R.color.white));
            holder.tvDate.setBackground(drawable);                
         }
    }
        ViewTreeObserver viewTreeObserver = relativeLayout.getViewTreeObserver();
        viewTreeObserver.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {                            holder.tvDate.getViewTreeObserver().removeOnGlobalLayoutListener(this);
                    width = holder.tvDate.getMeasuredWidth();
                    height = holder.tvDate.getLineHeight();
                } else {
                    //noinspection deprecation
                    holder.tvDate.getViewTreeObserver().removeGlobalOnLayoutListener(this);
                    width = holder.tvDate.getMeasuredWidth();
                    height= holder.tvDate.getLineHeight();
                }

            }
        });

            holder.tvDate.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                     //notify position if there was previous position
                    if(selectedPosition != 9999){
                      int temp= selectedPosition;
                      selectedPosition = position;
                      notifyItemChanged(temp);
                    }
                    else{
                       selectedPosition= position;           
                    }
                    // put new selected position

                   //notify new position
                    notifyItemChanged(position);

                }
            });
    }

Upvotes: 3

Yat3s
Yat3s

Reputation: 330

I think your selectedDate is not elegant, you can change to this.

public class CustomDate {
    public String date;

    public boolean isSelected;
}

Then

public void onBindViewHolder(final DateHolder holder, final int position) {
    final CustomDate monthDate = arrayListDate.get(position);
    final GradientDrawable gd = new GradientDrawable();
    gd.setShape(GradientDrawable.OVAL);
    final GradientDrawable drawable = new GradientDrawable();
    drawable.setShape(GradientDrawable.OVAL);

    // TODO Custom some background drawable .

    if (monthDate.isSelected) {
        drawable.setColor(Color.parseColor("#006EB9"));
        holder.tvDate.setTextColor(getResources().getColor(R.color.white));
        holder.tvDate.setBackground(selectedDrawable);
    } else {
        drawable.setColor(Color.parseColor("#000000"));
        holder.tvDate.setTextColor(getResources().getColor(R.color.normal));
        holder.tvDate.setBackground(normalDrawable);
    }
    holder.tvDate.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {

            monthDate.isSelected = true;
           // notifyDataSetChanged();

           // You just need notify this item;
            notifyItemChanged(position);

        }
    });
}

Upvotes: 0

Related Questions