Shape — kształty w XML

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <solid android:color="#FFFFFF" />                       <!-- wypełnienie -->
    <stroke android:width="1dp" android:color="#CAC4D0" />  <!-- ramka -->
    <corners android:radius="16dp" />                       <!-- zaokrąglenie rogów -->
    <padding android:left="16dp" android:top="16dp"
        android:right="16dp" android:bottom="16dp" />       <!-- odstęp treści od krawędzi -->
</shape>

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="#6750A4" />
</shape>

<TextView
    android:layout_width="72dp"
    android:layout_height="72dp"
    android:background="@drawable/kolo"
    android:gravity="center"
    android:text="AN"
    android:textColor="#FFFFFF"
    android:textSize="28sp" />

<!-- 1. przycisk Material z mniejszym zaokrągleniem i ramką -->
<Button
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Zapisz"
    app:cornerRadius="6dp"
    app:strokeColor="#1D1B20"
    app:strokeWidth="2dp" />

<!-- 2. przycisk z tłem z własnego kształtu -->
<androidx.appcompat.widget.AppCompatButton
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/tlo_gradient"
    android:text="Dołącz"
    android:textColor="#FFFFFF" />

val ksztalt = tvAwatar.background.mutate() as GradientDrawable
ksztalt.setColor(Color.parseColor("#2E7D32"))          // nowe wypełnienie
ksztalt.setStroke(4, Color.parseColor("#1B5E20"))      // nowa ramka: grubość w pikselach, kolor

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!-- od góry (ciemny) do dołu (jaśniejszy) -->
    <gradient
        android:angle="270"
        android:endColor="#9A82DB"
        android:startColor="#6750A4" />
    <!-- zaokrąglone tylko dolne rogi -->
    <corners
        android:bottomLeftRadius="32dp"
        android:bottomRightRadius="32dp" />
</shape>

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="#6750A4" />
    <stroke
        android:width="4dp"
        android:color="#FFFFFF" />
</shape>

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#FFFFFF" />
    <stroke
        android:width="1dp"
        android:color="#CAC4D0" />
    <corners android:radius="16dp" />
    <padding
        android:bottom="16dp"
        android:left="16dp"
        android:right="16dp"
        android:top="16dp" />
</shape>

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#E8DEF8" />
    <!-- duży promień: końce zawsze półkoliste, jak pigułka -->
    <corners android:radius="100dp" />
    <padding
        android:bottom="6dp"
        android:left="14dp"
        android:right="14dp"
        android:top="6dp" />
</shape>

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="line">
    <stroke
        android:width="2dp"
        android:color="#CAC4D0"
        android:dashGap="6dp"
        android:dashWidth="10dp" />
</shape>

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <gradient
        android:angle="0"
        android:endColor="#7FD8FF"
        android:startColor="#6750A4" />
    <corners android:radius="100dp" />
</shape>

<?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:background="#F3EDF7"
    android:fitsSystemWindows="true"
    android:orientation="vertical">

    <!-- nagłówek: pusty View z gradientem -->
    <View
        android:layout_width="match_parent"
        android:layout_height="120dp"
        android:background="@drawable/tlo_naglowek" />

    <!-- awatar: ujemny margines wsuwa go na nagłówek -->
    <TextView
        android:id="@+id/tvAwatar"
        android:layout_width="104dp"
        android:layout_height="104dp"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="-60dp"
        android:background="@drawable/tlo_awatar"
        android:gravity="center"
        android:text="AN"
        android:textColor="#FFFFFF"
        android:textSize="36sp"
        android:textStyle="bold" />

    <!-- karta -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="16dp"
        android:background="@drawable/tlo_karta"
        android:gravity="center_horizontal"
        android:orientation="vertical">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Anna Nowak"
            android:textSize="24sp"
            android:textStyle="bold" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="klasa 3TP · technik programista" />

        <!-- linia: wysokość większa niż grubość kreski -->
        <View
            android:layout_width="match_parent"
            android:layout_height="16dp"
            android:layout_marginTop="8dp"
            android:layout_marginBottom="8dp"
            android:background="@drawable/linia_przerywana" />

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/tlo_etykieta"
                android:text="Kotlin" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="8dp"
                android:background="@drawable/tlo_etykieta"
                android:text="robotyka" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="8dp"
                android:background="@drawable/tlo_etykieta"
                android:text="gry" />
        </LinearLayout>
    </LinearLayout>

    <!-- przycisk z własnym tłem: AppCompatButton -->
    <androidx.appcompat.widget.AppCompatButton
        android:id="@+id/btnDolacz"
        android:layout_width="match_parent"
        android:layout_height="52dp"
        android:layout_marginStart="16dp"
        android:layout_marginEnd="16dp"
        android:background="@drawable/tlo_przycisk"
        android:text="Dołącz do koła"
        android:textAllCaps="false"
        android:textColor="#FFFFFF"
        android:textSize="16sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/tvInfo"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="16dp"
        android:gravity="center" />

</LinearLayout>

package pl.schoolit.profil

import android.graphics.Color
import android.graphics.drawable.GradientDrawable
import android.os.Bundle
import android.widget.Button
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 tvAwatar = findViewById<TextView>(R.id.tvAwatar)
        val tvInfo = findViewById<TextView>(R.id.tvInfo)
        val btnDolacz = findViewById<Button>(R.id.btnDolacz)   // AppCompatButton też jest Button

        val kolory = arrayOf("#6750A4", "#2E7D32", "#C62828", "#EF6C00", "#00838F")
        var nrKoloru = 0

        // osobna kopia kształtu tylko dla awatara
        val ksztaltAwatara = tvAwatar.background.mutate() as GradientDrawable

        tvAwatar.setOnClickListener {
            nrKoloru = (nrKoloru + 1) % kolory.size
            ksztaltAwatara.setColor(Color.parseColor(kolory[nrKoloru]))
            // ramka zostaje biała, bo zmieniamy tylko wypełnienie
        }

        btnDolacz.setOnClickListener {
            tvInfo.text = "Wysłano zgłoszenie do koła robotyki"
        }
    }
}