Ripple overhaul (#5109)

* Create drawables for the ripples

Temporary colors in them to aid in unifying the ripples.

The 'ripple_circular' and 'ripple_normal' are probably going to be merge as one in the end.

* Change selectableItems to drawables

Changes 'selectableItemBackgroundBorderless' to 'ripple_circular' drawable.

Changes 'selectableItemBackground' to 'selectable_item_background' drawable.

* Add temporary colors to aid in finding unstyled ripples

* Fix button sizes to not make oval ripples

* Make the chip selectable follow ripple color

* Style using the built in rippleColor when possible

* Ripple away 💸

* Set ripple color for tabs

Main activity tabs as well as sheet tabs

* Set ripple color in seekbar buttons

* Fix ripple color for the toolbar

* Round off and start to finish the ripples

* Set custom colorful ripple for bottom navigation

Makes the app a little more fun than just black and white. Took inspiration from a ton of updated Google apps.

* Revert two layout changes

These were not necessary for the ripple as it is designed now, but it was before.

Co-authored-by: Andreas E <andreas.everos@gmail.com>
This commit is contained in:
Soitora
2021-05-22 17:55:05 +02:00
committed by GitHub
parent 569df39fb8
commit 562dce60ee
30 changed files with 95 additions and 38 deletions

View File

@@ -1,6 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="?attr/colorOnPrimary">
android:color="?attr/rippleColor">
<item android:id="@android:id/mask">
<shape android:shape="rectangle">

View File

@@ -0,0 +1,5 @@
<?xml version="1.0" encoding="utf-8"?>
<ripple android:color="?attr/rippleColor"
xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:drawable="@color/backgroundDark" />
</ripple>

View File

@@ -0,0 +1,5 @@
<?xml version="1.0" encoding="utf-8"?>
<ripple android:color="?attr/rippleColor"
xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:drawable="@color/backgroundLight" />
</ripple>

View File

@@ -0,0 +1,3 @@
<?xml version="1.0" encoding="utf-8"?>
<ripple android:color="?attr/rippleColor"
xmlns:android="http://schemas.android.com/apk/res/android" />

View File

@@ -0,0 +1,3 @@
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/ripple_regular" />
</selector>