ImageView — obrazy

<ImageView
    android:id="@+id/ivZdjecie"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:src="@drawable/klasa_3tp"
    android:scaleType="centerCrop"
    android:contentDescription="Zdjęcie klasy 3TP na wycieczce" />

val ivIkona = findViewById<ImageView>(R.id.ivIkona)

ivIkona.setImageResource(R.drawable.chmura)    // nowy obraz z res/drawable
ivIkona.contentDescription = "Pochmurno"      // nowy opis — razem z obrazem
ivIkona.alpha = 0.5f                          // przezroczystość: 0 = niewidoczny, 1 = pełny
ivIkona.rotation = 45f                        // obrót w stopniach

val obrazki = intArrayOf(R.drawable.slonce, R.drawable.chmura, R.drawable.deszcz)
var nr = 0
ivIkona.setImageResource(obrazki[nr])

<!-- wektor: rysunek 24 × 24 jednostki, wyświetlany domyślnie jako 96 × 96 dp -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="96dp"
    android:height="96dp"
    android:viewportWidth="24"
    android:viewportHeight="24">
    <!-- tarcza: koło o promieniu 5 -->
    <path
        android:fillColor="#FFB300"
        android:pathData="M7,12a5,5 0 1,0 10,0a5,5 0 1,0 -10,0" />
    <!-- cztery promienie: prostokąty u góry, na dole, z lewej i z prawej -->
    <path
        android:fillColor="#FFB300"
        android:pathData="M11,1h2v3h-2z M11,20h2v3h-2z M1,11h3v2H1z M20,11h3v2h-3z" />
</vector>

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="96dp"
    android:height="96dp"
    android:viewportWidth="24"
    android:viewportHeight="24">
    <path
        android:fillColor="#90A4AE"
        android:pathData="M19.35,10.04C18.67,6.59 15.64,4 12,4 9.11,4 6.6,5.64 5.35,8.04 2.34,8.36 0,10.91 0,14c0,3.31 2.69,6 6,6h13c2.76,0 5,-2.24 5,-5 0,-2.64 -2.05,-4.78 -4.65,-4.96z" />
</vector>

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="96dp"
    android:height="96dp"
    android:viewportWidth="24"
    android:viewportHeight="24">
    <!-- chmura zmniejszona do 80% i dosunięta do góry -->
    <group
        android:pivotX="12"
        android:pivotY="0"
        android:scaleX="0.8"
        android:scaleY="0.8">
        <path
            android:fillColor="#78909C"
            android:pathData="M19.35,10.04C18.67,6.59 15.64,4 12,4 9.11,4 6.6,5.64 5.35,8.04 2.34,8.36 0,10.91 0,14c0,3.31 2.69,6 6,6h13c2.76,0 5,-2.24 5,-5 0,-2.64 -2.05,-4.78 -4.65,-4.96z" />
    </group>
    <!-- trzy krople -->
    <path
        android:fillColor="#1E88E5"
        android:pathData="M7,18l-1,4h1.5l1,-4z M11.5,18l-1,4h1.5l1,-4z M16,18l-1,4h1.5l1,-4z" />
</vector>

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="96dp"
    android:height="96dp"
    android:viewportWidth="24"
    android:viewportHeight="24">
    <path
        android:fillColor="#5C6BC0"
        android:pathData="M12,3c-4.97,0 -9,4.03 -9,9s4.03,9 9,9 9,-4.03 9,-9c0,-0.46 -0.04,-0.92 -0.1,-1.36 -0.98,1.37 -2.58,2.26 -4.4,2.26 -2.98,0 -5.4,-2.42 -5.4,-5.4 0,-1.81 0.89,-3.42 2.26,-4.4C12.92,3.04 12.46,3 12,3z" />
</vector>

<?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:orientation="vertical"
    android:layout_margin="16dp"
    android:fitsSystemWindows="true">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="12dp"
        android:text="Pogoda w Lęborku"
        android:textSize="24sp"
        android:textStyle="bold" />

    <!-- karta: jej tło zmienia się z kodu -->
    <LinearLayout
        android:id="@+id/karta"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:orientation="vertical"
        android:padding="24dp">

        <ImageView
            android:id="@+id/ivPogoda"
            android:layout_width="160dp"
            android:layout_height="160dp"
            android:contentDescription="Słonecznie"
            android:scaleType="fitCenter"
            android:src="@drawable/slonce" />

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

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

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

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="12dp"
        android:orientation="horizontal">

        <Button
            android:id="@+id/btnPoprzedni"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:layout_marginEnd="8dp"
            android:text="◀" />

        <Button
            android:id="@+id/btnNastepny"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="▶" />
    </LinearLayout>

</LinearLayout>

package pl.schoolit.pogoda

import android.graphics.Color
import android.os.Bundle
import android.widget.Button
import android.widget.ImageView
import android.widget.LinearLayout
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 karta = findViewById<LinearLayout>(R.id.karta)
        val ivPogoda = findViewById<ImageView>(R.id.ivPogoda)
        val tvOpis = findViewById<TextView>(R.id.tvOpis)
        val tvTemperatura = findViewById<TextView>(R.id.tvTemperatura)
        val tvNumer = findViewById<TextView>(R.id.tvNumer)
        val btnPoprzedni = findViewById<Button>(R.id.btnPoprzedni)
        val btnNastepny = findViewById<Button>(R.id.btnNastepny)

        // cztery tablice tej samej długości — element nr 0 każdej opisuje słońce itd.
        val obrazki = intArrayOf(R.drawable.slonce, R.drawable.chmura, R.drawable.deszcz, R.drawable.ksiezyc)
        val opisy = arrayOf("Słonecznie", "Pochmurno", "Deszczowo", "Pogodna noc")
        val temperatury = arrayOf("24°C", "17°C", "12°C", "9°C")
        val kolory = arrayOf("#FFF8E1", "#ECEFF1", "#E3F2FD", "#E8EAF6")

        var nr = 0

        fun pokazPogode() {
            ivPogoda.setImageResource(obrazki[nr])
            ivPogoda.contentDescription = opisy[nr]
            ivPogoda.rotation = 0f                         // nowy obraz — bez obrotu
            tvOpis.text = opisy[nr]
            tvTemperatura.text = temperatury[nr]
            tvNumer.text = "${nr + 1} / ${obrazki.size}"
            karta.setBackgroundColor(Color.parseColor(kolory[nr]))
        }

        pokazPogode()

        btnNastepny.setOnClickListener {
            nr = (nr + 1) % obrazki.size                   // 0, 1, 2, 3, 0, 1…
            pokazPogode()
        }

        btnPoprzedni.setOnClickListener {
            nr = (nr - 1 + obrazki.size) % obrazki.size    // 0 → 3
            pokazPogode()
        }

        // obraz też reaguje na dotknięcie
        ivPogoda.setOnClickListener {
            ivPogoda.rotation = ivPogoda.rotation + 15f
        }
    }
}