ImageButton — przycisk z ikoną

<ImageButton
    android:id="@+id/ibUsun"
    android:layout_width="56dp"
    android:layout_height="56dp"
    android:src="@drawable/ic_usun"
    android:scaleType="fitCenter"
    android:padding="12dp"
    android:contentDescription="Usuń wiadomość" />

var gra = false

ibGraj.setOnClickListener {
    gra = !gra                                       // odwrócenie: true ↔ false
    if (gra) {
        ibGraj.setImageResource(R.drawable.ic_pauza)
        ibGraj.contentDescription = "Pauza"
    } else {
        ibGraj.setImageResource(R.drawable.ic_graj)
        ibGraj.contentDescription = "Odtwórz"
    }
}

val ulubione = BooleanArray(4)                  // [false, false, false, false]
ulubione[2] = true                              // trzeci utwór polubiony
val ile = ulubione.count { it }                 // ile jest true → 1

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_horizontal"
    android:orientation="vertical"
    android:layout_margin="16dp"
    android:fitsSystemWindows="true">

    <!-- okładka: ozdobny obraz, bez opisu -->
    <ImageView
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:layout_marginTop="16dp"
        android:background="#E8DEF8"
        android:contentDescription="@null"
        android:padding="48dp"
        android:src="@drawable/ic_nuta"
        android:tint="#6750A4" />

    <TextView
        android:id="@+id/tvTytul"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="24dp"
        android:textSize="24sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/tvWykonawca"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="16sp" />

    <!-- trzy przyciski sterowania w wierszu -->
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:gravity="center_vertical"
        android:orientation="horizontal">

        <ImageButton
            android:id="@+id/ibPoprzedni"
            android:layout_width="56dp"
            android:layout_height="56dp"
            android:background="?attr/selectableItemBackgroundBorderless"
            android:contentDescription="Poprzedni utwór"
            android:padding="8dp"
            android:scaleType="fitCenter"
            android:src="@drawable/ic_poprzedni" />

        <ImageButton
            android:id="@+id/ibGraj"
            android:layout_width="88dp"
            android:layout_height="88dp"
            android:layout_marginStart="16dp"
            android:layout_marginEnd="16dp"
            android:background="?attr/selectableItemBackgroundBorderless"
            android:contentDescription="Odtwórz"
            android:scaleType="fitCenter"
            android:src="@drawable/ic_graj"
            android:tint="#6750A4" />

        <ImageButton
            android:id="@+id/ibNastepny"
            android:layout_width="56dp"
            android:layout_height="56dp"
            android:background="?attr/selectableItemBackgroundBorderless"
            android:contentDescription="Następny utwór"
            android:padding="8dp"
            android:scaleType="fitCenter"
            android:src="@drawable/ic_nastepny" />
    </LinearLayout>

    <ImageButton
        android:id="@+id/ibUlubiony"
        android:layout_width="56dp"
        android:layout_height="56dp"
        android:layout_marginTop="8dp"
        android:background="?attr/selectableItemBackgroundBorderless"
        android:contentDescription="Dodaj do ulubionych"
        android:padding="10dp"
        android:scaleType="fitCenter"
        android:src="@drawable/ic_serce_puste"
        android:tint="#C62828" />

    <TextView
        android:id="@+id/tvStatus"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="14sp" />

</LinearLayout>

package pl.schoolit.odtwarzacz

import android.os.Bundle
import android.widget.ImageButton
import android.widget.TextView
import androidx.appcompat.app.AppCompatActivity

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val tvTytul = findViewById<TextView>(R.id.tvTytul)
        val tvWykonawca = findViewById<TextView>(R.id.tvWykonawca)
        val tvStatus = findViewById<TextView>(R.id.tvStatus)
        val ibPoprzedni = findViewById<ImageButton>(R.id.ibPoprzedni)
        val ibGraj = findViewById<ImageButton>(R.id.ibGraj)
        val ibNastepny = findViewById<ImageButton>(R.id.ibNastepny)
        val ibUlubiony = findViewById<ImageButton>(R.id.ibUlubiony)

        val tytuly = arrayOf("Poranek nad jeziorem", "Szkolny korytarz", "Ostatni dzwonek", "Wakacje w drodze")
        val wykonawcy = arrayOf("Pracownia 21", "Chór ZSMI", "Pracownia 21", "Duet Kod i Klawisz")
        val ulubione = BooleanArray(tytuly.size)       // wszystkie na start false

        var nr = 0
        var gra = false

        fun pokazOdtwarzacz() {
            tvTytul.text = tytuly[nr]
            tvWykonawca.text = "${wykonawcy[nr]} · ${nr + 1} / ${tytuly.size}"

            // ikona i opis środkowego przycisku zależą od stanu gra
            if (gra) {
                ibGraj.setImageResource(R.drawable.ic_pauza)
                ibGraj.contentDescription = "Pauza"
            } else {
                ibGraj.setImageResource(R.drawable.ic_graj)
                ibGraj.contentDescription = "Odtwórz"
            }

            // serce zależy od tego, czy BIEŻĄCY utwór jest ulubiony
            if (ulubione[nr]) {
                ibUlubiony.setImageResource(R.drawable.ic_serce_pelne)
                ibUlubiony.contentDescription = "Usuń z ulubionych"
            } else {
                ibUlubiony.setImageResource(R.drawable.ic_serce_puste)
                ibUlubiony.contentDescription = "Dodaj do ulubionych"
            }

            val stan = if (gra) "Odtwarzanie" else "Zatrzymano"
            tvStatus.text = "$stan · ulubione: ${ulubione.count { it }}"
        }

        pokazOdtwarzacz()

        ibGraj.setOnClickListener {
            gra = !gra
            pokazOdtwarzacz()
        }

        ibNastepny.setOnClickListener {
            nr = (nr + 1) % tytuly.size
            pokazOdtwarzacz()
        }

        ibPoprzedni.setOnClickListener {
            nr = (nr - 1 + tytuly.size) % tytuly.size
            pokazOdtwarzacz()
        }

        ibUlubiony.setOnClickListener {
            ulubione[nr] = !ulubione[nr]             // przełącz tylko bieżący utwór
            pokazOdtwarzacz()
        }
    }
}