RecyclerView显示异常：单播放按钮需求未实现及空指针问题

Hey there, let's break down your two core problems and fix them one by one:

1. Every song item has its own play button instead of a single global play button for the whole RecyclerView
2. The NullPointerException when initializing testButtonPlay in your Activity—this happens because the button lives in your item layout (sound_template.xml), not the Activity's main layout. So findViewById in the Activity can't locate it, returning null.

Step 1: Fix the Layout Structure #

First, adjust your layout to get a single global play button:

• Delete testButtonPlay from sound_template.xml (we don't want it attached to every song item)
• Add the same testButtonPlay to your Activity's main layout (e.g., activity_sound.xml), placing it above or below the RecyclerView as a top-level control.

Step 2: Rewire the Play Logic for Global Control #

Now that the play button lives in the Activity, we'll connect it to the RecyclerView's selected song using a callback pattern. This lets the adapter notify the Activity when a song is picked, and the Activity handles all playback logic.

Update the Adapter with a Selection Callback #

Modify your adapter to track the selected song and send updates to the Activity:

class RecyclerSoundScreenAdapter(
    val context: Context,
    val song: List<Sound>,
    private val onSongSelected: (Sound) -> Unit // Callback to notify Activity of selected song
) : RecyclerView.Adapter<RecyclerSoundScreenAdapter.Holder>() {

    private var currentSelectedSong: Sound? = null

    override fun onBindViewHolder(holder: Holder, position: Int) {
        holder.bind(song[position])
    }

    override fun getItemCount(): Int = song.count()

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): Holder {
        val view = LayoutInflater.from(context).inflate(R.layout.sound_template, parent, false)
        return Holder(view)
    }

    // Expose current selected song to the Activity
    fun getCurrentSelectedSong(): Sound? = currentSelectedSong

    inner class Holder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        fun bind(sound: Sound) = with(itemView) {
            songTitle.text = sound.title
            
            // Handle item click to select the song
            itemView.setOnClickListener {
                currentSelectedSong = sound
                // Optional: Update item UI to show it's selected (e.g., highlight the row)
                notifyDataSetChanged()
                onSongSelected.invoke(sound)
            }
        }
    }
}

Handle Playback in the Activity #

In your Activity, initialize the global play button and tie it to the adapter's selected song:

class SoundActivity : AppCompatActivity() {
    private var mediaPlayer: MediaPlayer? = null
    private lateinit var soundAdapter: RecyclerSoundScreenAdapter

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_sound) // This layout contains RecyclerView + global play button

        // Set up RecyclerView
        val recyclerView = findViewById<RecyclerView>(R.id.your_recycler_view_id)
        val songList = // Your list of Sound objects
        soundAdapter = RecyclerSoundScreenAdapter(this, songList) { selectedSong ->
            // Pause playback when a new song is selected
            mediaPlayer?.pause()
        }
        recyclerView.adapter = soundAdapter
        recyclerView.layoutManager = LinearLayoutManager(this)

        // Initialize global play button
        val testButtonPlay = findViewById<ImageButton>(R.id.testButtonPlay)
        testButtonPlay.setOnClickListener {
            val currentSong = soundAdapter.getCurrentSelectedSong() ?: run {
                // No song selected—prompt the user
                Toast.makeText(this, "Select a song first!", Toast.LENGTH_SHORT).show()
                return@setOnClickListener
            }

            when {
                mediaPlayer?.isPlaying == true -> {
                    // If playing the same song, pause it
                    if (mediaPlayer?.run { dataSource == currentSong.resId.toString() } == true) {
                        mediaPlayer?.pause()
                    } else {
                        // Switch to the newly selected song
                        mediaPlayer?.release()
                        mediaPlayer = MediaPlayer.create(this, currentSong.resId)
                        mediaPlayer?.start()
                    }
                }
                else -> {
                    // Resume playing if paused, or start the selected song
                    if (mediaPlayer?.run { dataSource != currentSong.resId.toString() } == true) {
                        mediaPlayer?.release()
                        mediaPlayer = MediaPlayer.create(this, currentSong.resId)
                    }
                    mediaPlayer?.start()
                }
            }
        }
    }

    // Clean up media player when Activity is destroyed
    override fun onDestroy() {
        super.onDestroy()
        mediaPlayer?.release()
        mediaPlayer = null
    }
}

Bonus Optimization Tips #

• Add a visual indicator for the selected song (e.g., change the item's background color) so users can easily see which track is active
• Handle media lifecycle properly: Pause playback in onPause() and resume in onResume() if your app needs to retain playback state
• Use MediaPlayer.OnCompletionListener to reset the play button state when a song finishes playing

内容的提问来源于stack exchange，提问作者JohnPix