Стиль: должен иметь в качестве родителя тему MaterialComponents, если вы используете AndroidX
<style name="CardActivityTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">
<item name="colorPrimary">@color/colorAccentX</item>
</style>
Чтобы создать красивую контурную карточку материала в стиле Google, создайте ее в своей деятельности XML layout:
<com.google.android.material.card.MaterialCardView
android:id="@+id/card0"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:cardUseCompatPadding="true"
app:cardBackgroundColor="#FFF"
app:strokeWidth="1dp"
app:strokeColor="DADCE0"
app:cardElevation="0dp"
app:cardCornerRadius="8dp">
</com.google.android.material.card.MaterialCardView>
Я сделал некоторые атрибуты жестко закодированными, чтобы дать вам непосредственно цвета.
Результат:

Если вы предпочитаете обычную карту с повышенными правами, а не обведенную в общих чертах, используйте это:
<com.google.android.material.card.MaterialCardView
android:id="@+id/card0"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:cardUseCompatPadding="true"
app:cardBackgroundColor="#FFF"
app:cardElevation="1dp"
app:cardCornerRadius="8dp">
</com.google.android.material.card.MaterialCardView>
Обратите внимание, что я удалил из предыдущего атрибуты app: strokeWidth и app: strokeColor .
Наконец, если вы хотите создать анимацию, как в опубликованном вами GIF, я настоятельно рекомендую использовать Motion Layout.