Elevating the manga info main buttons while highlighting it

This commit is contained in:
Jays2Kings 2021-09-07 15:51:44 -04:00
parent d1189e546e
commit afd75db2d6
3 changed files with 98 additions and 3 deletions

View file

@ -437,16 +437,17 @@ class MangaHeaderHolder(
private fun MaterialButton.checked(checked: Boolean) {
if (checked) {
backgroundTintList = ColorStateList.valueOf(
ColorUtils.setAlphaComponent(
ColorUtils.blendARGB(
context.getResourceColor(R.attr.colorSecondary),
75
context.getResourceColor(R.attr.background),
0.706f
)
)
strokeColor = ColorStateList.valueOf(Color.TRANSPARENT)
} else {
resetStrokeColor()
backgroundTintList =
ContextCompat.getColorStateList(context, android.R.color.transparent)
ColorStateList.valueOf(context.getResourceColor(R.attr.background))
}
}

View file

@ -0,0 +1,93 @@
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:tools="http://schemas.android.com/tools"
xmlns:android="http://schemas.android.com/apk/res/android">
<!-- Pressed state -->
<item
android:state_enabled="true"
android:state_pressed="true">
<set>
<objectAnimator
android:duration="@integer/mtrl_btn_anim_duration_ms"
android:propertyName="translationZ"
android:valueTo="2dp"
android:valueType="floatType"/>
<objectAnimator
android:duration="0"
android:propertyName="elevation"
android:valueTo="2dp"
android:valueType="floatType"/>
</set>
</item>
<!-- Hover state. This is triggered via mouse. -->
<item
android:state_enabled="true"
android:state_hovered="true">
<set>
<objectAnimator
android:duration="@integer/mtrl_btn_anim_duration_ms"
android:propertyName="translationZ"
android:valueTo="@dimen/mtrl_btn_hovered_z"
android:valueType="floatType"/>
<objectAnimator
android:duration="0"
android:propertyName="elevation"
android:valueTo="@dimen/mtrl_btn_elevation"
android:valueType="floatType"/>
</set>
</item>
<!-- Focused state. This is triggered via keyboard. -->
<item
android:state_enabled="true"
android:state_focused="true">
<set>
<objectAnimator
android:duration="@integer/mtrl_btn_anim_duration_ms"
android:propertyName="translationZ"
android:valueTo="@dimen/mtrl_btn_focused_z"
android:valueType="floatType"/>
<objectAnimator
android:duration="0"
android:propertyName="elevation"
android:valueTo="@dimen/mtrl_btn_elevation"
android:valueType="floatType"/>
</set>
</item>
<!-- Base state (enabled, not pressed) -->
<item android:state_enabled="true">
<set>
<objectAnimator
android:duration="@integer/mtrl_btn_anim_duration_ms"
android:propertyName="translationZ"
android:startDelay="@integer/mtrl_btn_anim_delay_ms"
android:valueTo="@dimen/mtrl_btn_z"
android:valueType="floatType"
tools:ignore="UnusedAttribute"/>
<objectAnimator
android:duration="0"
android:propertyName="elevation"
android:valueTo="0dp"
android:valueType="floatType"/>
</set>
</item>
<!-- Disabled state -->
<item>
<set>
<objectAnimator
android:duration="0"
android:propertyName="translationZ"
android:valueTo="@dimen/mtrl_btn_disabled_z"
android:valueType="floatType"/>
<objectAnimator
android:duration="0"
android:propertyName="elevation"
android:valueTo="@dimen/mtrl_btn_disabled_elevation"
android:valueType="floatType"/>
</set>
</item>
</selector>

View file

@ -319,6 +319,7 @@
<item name="android:layout_height">40dp</item>
<item name="iconTint">?attr/colorSecondary</item>
<item name="rippleColor">?colorControlHighlight</item>
<item name="android:stateListAnimator">@animator/icon_btn_state_list_anim</item>
<item name="android:textColor">?attr/colorOnBackground</item>
<item name="cornerRadius">20dp</item>
</style>