mirror of
https://github.com/null2264/yokai.git
synced 2025-06-21 10:44:42 +00:00
Elevating the manga info main buttons while highlighting it
This commit is contained in:
parent
d1189e546e
commit
afd75db2d6
3 changed files with 98 additions and 3 deletions
|
@ -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))
|
||||
}
|
||||
}
|
||||
|
||||
|
|
93
app/src/main/res/animator/icon_btn_state_list_anim.xml
Normal file
93
app/src/main/res/animator/icon_btn_state_list_anim.xml
Normal 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>
|
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue