Listview 回收并显示重复的图像

Question

我创建了一个列表视图，其中包含曲目列表以及播放和暂停图像。单击播放图像时，暂停图像变为可见，单击暂停，播放图像将变为可见。问题是当我单击播放时向下滚动我看到另一个显示暂停图像的列表项，当我向下滚动更多显示暂停图像的另一个列表项时。这是因为列表循环显示重复的图像。在研究这个问题时，我认为我需要在 getView 中放置 if-else 语句方法，但我未能实现正确的代码来解决此问题..plzz 帮助我使用代码中的代码..

Answer 1

在 SoundCloud 类中创建一个名为 isPlaying 的新布尔变量。为它创建 getter setter，就像您为其他变量所做的那样。

像这样从SoundCloudList 获取对象：

SoundCloug soundCloud = (SoundCloud) getItem(position);

这个对象可以在任何你使用soundcloudList.get(position)的地方使用，这样很容易，因为我们不必每次都获取对象。

然后在您的getView 中使用isPlaying 在每个位置显示播放/暂停按钮，如下所示：

if(soundCloud.isPlaying()){
    holder.img1.setVisibility(View.VISIBLE);
    holder.img2.setVisibility(View.GONE);
}
else{
    holder.img1.setVisibility(View.GONE);
    holder.img2.setVisibility(View.VISIBLE);
}

然后在您的onClickListeners 中，为isPlaying 设置值，如下所示：

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

        soundCloud.setPlaying(true);
        try {
            notifyDataSetChanged();
            holder.img1.setVisibility(View.INVISIBLE);
            holder.img2.setVisibility(View.VISIBLE);
            mMediaPlayer = new MediaPlayer();
            mMediaPlayer.setAudioStreamType(AudioManager.STREAM_MUSIC);
            mMediaPlayer.setDataSource("http://api.soundcloud.com/tracks/" + soundcloudList.get(position).getId() + "/stream?client_id=e13865f9debacb5f96375fdd96b7fa1b");
            mMediaPlayer.prepareAsync();
            mMediaPlayer.setOnPreparedListener(new MediaPlayer.OnPreparedListener()
            {
                @Override
                public void onPrepared(MediaPlayer mp)
                {
                    mp.start();

                }
            });
            mMediaPlayer.setOnCompletionListener(
                    new MediaPlayer.OnCompletionListener()
                    {
                        @Override
                        public void onCompletion(MediaPlayer mp)
                        {
                            mMediaPlayer.release();
                            mMediaPlayer = null;
                            holder.img1.setVisibility(View.VISIBLE);
                        }
                    });
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

});

holder.img2.setOnClickListener(new View.OnClickListener()
{
    @Override
    public void onClick(final View v)
    {
        soundCloud.setPlaying(false);
        notifyDataSetChanged();
        holder.img1.setVisibility(View.VISIBLE);
        holder.img2.setVisibility(View.INVISIBLE);
        if(mMediaPlayer!=null)
        {
            mMediaPlayer.release();
            mMediaPlayer = null;
        }
    }

});

此代码不会显示在多行上重复的播放/暂停按钮，因为现在，我们正在检查getView 中每一行的音频播放/暂停，然后才设置按钮的可见性。