ScrollView, CardView और Material Components

<androidx.core.widget.NestedScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fillViewport="true">

    <!-- exactly ONE child -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="16dp">

        <!-- many views here: text, images, cards, buttons … -->
    </LinearLayout>
</androidx.core.widget.NestedScrollView>

<HorizontalScrollView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:scrollbars="none">

    <com.google.android.material.chip.ChipGroup
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:singleLine="true">
        <!-- chips … -->
    </com.google.android.material.chip.ChipGroup>
</HorizontalScrollView>

<com.google.android.material.card.MaterialCardView
    android:id="@+id/cardCourse"
    style="@style/Widget.Material3.CardView.Elevated"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="12dp"
    android:clickable="true"
    android:focusable="true"
    app:cardCornerRadius="16dp">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="160dp"
            android:contentDescription="@null"
            android:scaleType="centerCrop"
            android:src="@drawable/course_android" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="16dp"
            android:text="Android with Kotlin"
            android:textAppearance="?attr/textAppearanceTitleLarge" />
    </LinearLayout>
</com.google.android.material.card.MaterialCardView>

<!-- filled (main action) -->
<com.google.android.material.button.MaterialButton
    android:layout_width="wrap_content" android:layout_height="wrap_content"
    android:text="Enroll now" app:icon="@drawable/ic_add" />

<!-- tonal (secondary) -->
<com.google.android.material.button.MaterialButton
    style="@style/Widget.Material3.Button.TonalButton"
    android:layout_width="wrap_content" android:layout_height="wrap_content"
    android:text="Add to wishlist" />

<!-- outlined -->
<com.google.android.material.button.MaterialButton
    style="@style/Widget.Material3.Button.OutlinedButton"
    android:layout_width="wrap_content" android:layout_height="wrap_content"
    android:text="Syllabus" />

<!-- text button (least important) -->
<com.google.android.material.button.MaterialButton
    style="@style/Widget.Material3.Button.TextButton"
    android:layout_width="wrap_content" android:layout_height="wrap_content"
    android:text="Share" />

<com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton
    android:id="@+id/fabEnroll"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|end"
    android:layout_margin="16dp"
    android:text="Enroll"
    app:icon="@drawable/ic_add" />

// Kotlin – shrink to a round FAB when the user scrolls down
binding.scroll.setOnScrollChangeListener { _, _, y, _, oldY ->
    if (y > oldY) binding.fabEnroll.shrink() else binding.fabEnroll.extend()
}

<!-- spinner while loading -->
<com.google.android.material.progressindicator.CircularProgressIndicator
    android:id="@+id/loader"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:indeterminate="true" />

<!-- course progress bar -->
<com.google.android.material.progressindicator.LinearProgressIndicator
    android:id="@+id/progressCourse"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:trackCornerRadius="6dp"
    app:trackThickness="10dp" />

// Kotlin
binding.progressCourse.setProgressCompat(65, true)   // animate to 65%
binding.loader.isVisible = false