Как реализовать мини эквалайзер на выбранном элементе RecyclerView? - PullRequest
Новая
       74

Как реализовать мини эквалайзер на выбранном элементе RecyclerView?

0 голосов
/ 04 мая 2020

У меня есть просмотрщик, список элементов которого выглядит следующим образом:

  • LinearLayout (Горизонтальный)
    • ImageView
    • TextView
    • ImageButton (PlayButton)
    • EqualizerView (Invisible)

Теперь, когда я нажимаю на PlayButton, он должен скрывать и показывать эквалайзер, и если я прокручиваю список, эквалайзер должен оставаться только для выбранного элемента.

Однако я столкнулся с проблемой, что EqualizerView отображается с интервалом в 10 элементов. То есть, если я нажму на 3-й элемент, эквалайзер будет отображаться на 3-м, 13-м и т. Д.

Я использую эту библиотеку https://github.com/claucookie/mini-equalizer-library-android для реализации мини-эквалайзера. 

public class StationViewAdapter extends RecyclerView.Adapter<StationViewAdapter.StationViewHolder> {

    List<Station> statons;
    final private ListItemClickListener mOnClickListener;

    public  StationViewAdapter (List<Station> s, ListItemClickListener l)
    {
        statons = s;
        mOnClickListener = l;
    }

    @NonNull
    @Override
    public StationViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.list_item,parent,false);
        return new StationViewHolder(v);
    }

    @Override
    public void onBindViewHolder(@NonNull final StationViewHolder holder, int position) {

        Station station = statons.get(position);
        if(!station.getArtwork().isEmpty() && station.getArtwork() != null)
        {
            try{
                Picasso.get().load(Uri.parse(station.getArtwork()))
                       // .placeholder(R.mipmap.ic_launcher)
                        .into(holder.stationArtwork);
            } catch (Exception e) {
                e.printStackTrace();
                holder.stationArtwork.setImageResource(R.mipmap.ic_launcher);
            }
        }
        else
            holder.stationArtwork.setImageResource(R.mipmap.ic_launcher);
        holder.stationName.setText(station.getName());

    }


    @Override
    public int getItemCount() {
        return statons.size();
    }

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

        ImageView stationArtwork;
        TextView stationName;
        ImageButton stationPlayButton;
        EqualizerView equalizerView;
        int selectedItem;
        public StationViewHolder(@NonNull View itemView) {
            super(itemView);
            stationArtwork = itemView.findViewById(R.id.favicon);
            stationName = itemView.findViewById(R.id.text);
            stationPlayButton = itemView.findViewById(R.id.play_button);
            equalizerView = itemView.findViewById(R.id.equalizer_view);
            itemView.setOnClickListener(this);
            stationPlayButton.setOnClickListener(this);
            selectedItem = getAdapterPosition();
        }

        @Override
        public void onClick(View v) {
            int clickPosition = getAdapterPosition();
            Log.d(TAG, "onClick: "+getAdapterPosition());
            Log.d(TAG, "onClick: "+getLayoutPosition());
            Log.d(TAG, "onClick: "+getItemId());
            if(v == itemView) {
                mOnClickListener.onListItemClick(clickPosition);
            }else if(v == stationPlayButton)
            {

                    mOnClickListener.onListItemPlay(clickPosition,stationPlayButton,equalizerView);

            }

        }
    }
    public interface ListItemClickListener {
        void onListItemClick(int clickedItemIndex);
        void onListItemPlay(int clickItemIndex,ImageButton i,EqualizerView eq);
    }
}

Это ClickListeners в основной деятельности 

@Override
public void onListItemClick(int clickedItemIndex) {

     if(mToast !=null)
     {
         mToast.cancel();
     }
     mToast = Toast.makeText(this,"Main Activity item clicked at position"+clickedItemIndex,Toast.LENGTH_SHORT);
     mToast.show();
}


@Override
public void onListItemPlay(int clickItemIndex,ImageButton i , EqualizerView eq) {

    i.setVisibility(View.GONE);
    eq.setVisibility(View.VISIBLE);
    eq.animateBars();

}

1 Ответ

0 голосов
/ 04 мая 2020

RecyclerView повторно использует экземпляры ViewHolder. Вам необходимо сделать недействительным состояние ViewHolder внутри onBindViewHolder. В вашем случае вы должны скрыть EqulizerView как минимум: 

@Override
public void onBindViewHolder(@NonNull final StationViewHolder holder, int position) {
    equalizerView.setVisibility(View.INVISIBLE);
    ....
}

Кроме того, вы должны сохранить, какие песни воспроизводятся, чтобы позже инициализировать состояние ViewHolder.

Дополнительная информация по адресу: https://developer.android.com/guide/topics/ui/layout/recyclerview#structure

...