Round Collapsing Toolbar android

Viewed 149

I'm trying to make my collpasing toolbar have round corners when collapsed. I have an image inside of it that has rounded corners, so when the toolbar is expanded it looks like it has rounded corners, but when I collpase it the collpsed toolbar is squared. Is there a way to make it round ?

My xml:

<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/white"
android:clickable="true"
tools:context=".ui.recipe.RecipeFragment">

<com.google.android.material.appbar.AppBarLayout
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:fitsSystemWindows="true"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

    <com.google.android.material.appbar.CollapsingToolbarLayout
        android:id="@+id/collapsing_toolbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true"
        app:scrimAnimationDuration="100"
        app:contentScrim="@color/faded_black"
        app:layout_scrollFlags="scroll|exitUntilCollapsed|snap"
        app:statusBarScrim="@android:color/transparent">

        <ImageView
            android:id="@+id/backdrop"
            android:layout_width="match_parent"
            android:layout_height="275dp"
            android:fitsSystemWindows="true"
            android:scaleType="centerCrop"
            android:src="@drawable/example_picture"
            app:layout_collapseMode="parallax" />

        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="@android:color/transparent"
            app:layout_collapseMode="pin"
            app:menu="@menu/recipe_menu"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

    </com.google.android.material.appbar.CollapsingToolbarLayout>

</com.google.android.material.appbar.AppBarLayout>

    <androidx.cardview.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        app:cardCornerRadius="40dp"
        android:layout_marginTop="-40dp">


    <androidx.core.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/white"
            android:text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vitae faucibus nisl, sit amet aliquam libero. Vestibulum venenatis ullamcorper lacus et aliquet. Duis tristique, mauris et tincidunt varius, dui diam feugiat lacus, vel convallis urna purus at nunc. Proin condimentum placerat viverra. Integer nec est sodales lorem porttitor congue. Aenean scelerisque sem blandit dui posuere gravida. Pellentesque in fringilla nisi, vitae bibendum mi. Fusce velit nisl, feugiat sed sollicitudin sit amet, tempus at ante. Nunc facilisis, odio nec consectetur elementum, turpis enim fringilla libero, a scelerisque nunc nulla eget est. Ut eu augue sapien. Donec rhoncus euismod consectetur. Praesent in tempor enim. Phasellus finibus, sem sit amet porta porttitor, sem diam volutpat augue, non interdum massa ante sit amet dolor. Nunc pharetra arcu condimentum augue rhoncus, et imperdiet nulla porta. Phasellus tristique mauris arcu."
            android:textSize="100dp" />

    </androidx.core.widget.NestedScrollView>

    </androidx.cardview.widget.CardView>

</androidx.coordinatorlayout.widget.CoordinatorLayout>

Short video showing the problem:

https://imgur.com/6TiqITy

0 Answers
Related