选项1
在您的主题中定义colorControlHighlight
,只要您使用默认的appcompat-v7按钮,高亮颜色就应该可以直接使用。
选项2
这是一个示例,我使用了一些交叉淡入淡出动画和阴影来回退Material按钮样式,而不使用外部库。希望它能帮助您。
假设按钮将是白色文本在深色背景上(@color/control_normal
),并带有浅色高亮:
values/themes.xml
在这里,我将覆盖整个主题的默认按钮样式:
<style name="AppTheme" parent="Base.AppTheme">
<item name="buttonStyle">@style/Widget.AppTheme.Button</item>
</style>
values/integers.xml
<!
<integer name="button_pressed_animation_duration">100</integer>
<integer name="button_pressed_animation_delay">100</integer>
values-v21/styles.xml
这是适用于Lollipop的按钮样式,它可以理解主题覆盖并默认使用涟漪效果。我们只需要使用适当的颜色来着色涟漪即可:
<style name="Widget.AppTheme.Button" parent="Widget.AppCompat.Button">
<item name="android:theme">@style/ThemeOverlay.AppTheme.Button</item>
</style>
<style name="ThemeOverlay.AppTheme.Button" parent="ThemeOverlay.AppCompat.Dark">
<item name="colorButtonNormal">@color/control_normal</item>
</style>
values/styles.xml
在Lollipop之前,这变得棘手了。
<style name="Widget.AppTheme.Button" parent="Widget.AppCompat.Button">
<item name="android:background">@drawable/button_normal_background</item>
</style>
drawable/button_normal_background.xml
这是整个按钮的复合可绘制对象。
<inset
xmlns:android="http://schemas.android.com/apk/res/android"
android:insetLeft="@dimen/abc_button_inset_horizontal_material"
android:insetTop="@dimen/abc_button_inset_vertical_material"
android:insetRight="@dimen/abc_button_inset_horizontal_material"
android:insetBottom="@dimen/abc_button_inset_vertical_material">
<layer-list>
<item
android:drawable="@drawable/button_shadow"
android:top="-0dp"
android:bottom="-1dp"
android:left="-0dp"
android:right="-0dp"/>
<item
android:drawable="@drawable/button_shadow_pressable"
android:top="-0dp"
android:bottom="-3dp"
android:left="-1dp"
android:right="-1dp"/>
<item android:drawable="@drawable/button_shape_normal"/>
<item>
<selector
android:enterFadeDuration="@integer/button_pressed_animation_duration"
android:exitFadeDuration="@integer/button_pressed_animation_duration">
<item
android:drawable="@drawable/button_shape_highlight"
android:state_focused="true"
android:state_enabled="true"/>
<item
android:drawable="@drawable/button_shape_highlight"
android:state_pressed="true"
android:state_enabled="true"/>
<item
android:drawable="@drawable/button_shape_highlight"
android:state_selected="true"
android:state_enabled="true"/>
<item android:drawable="@android:color/transparent"/>
</selector>
</item>
<item android:drawable="@drawable/button_padding"/>
</layer-list>
</inset>
drawable/button_shadow.xml
这是未被按下时的阴影效果。
<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners
android:bottomLeftRadius="3dp"
android:bottomRightRadius="3dp"
android:topLeftRadius="2dp"
android:topRightRadius="2dp"/>
<solid android:color="#2000"/>
</shape>
drawable/button_shadow_pressable.xml
这是在按钮被按下时的扩展阴影。当你近距离观察时,效果可能会显得粗糙,但从远处看已经足够好了。
<selector
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
tools:ignore="UnusedAttribute"
android:enterFadeDuration="@integer/button_pressed_animation_duration"
android:exitFadeDuration="@integer/button_pressed_animation_duration">
<item
android:state_pressed="true"
android:state_enabled="true">
<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners
android:bottomLeftRadius="5dp"
android:bottomRightRadius="5dp"
android:topLeftRadius="3dp"
android:topRightRadius="3dp"/>
<solid android:color="#20000000"/>
</shape>
</item>
<item android:drawable="@android:color/transparent"/>
</selector>
drawable/button_shape_normal.xml
这是主按钮的形状。
<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners android:radius="@dimen/abc_control_corner_material"/>
<solid android:color="@color/control_normal"/>
</shape>
drawable/button_padding.xml
这只是为了与Material按钮完全一致而添加的额外填充。
<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="@android:color/transparent"/>
<padding
android:left="@dimen/abc_button_padding_horizontal_material"
android:top="@dimen/abc_button_padding_vertical_material"
android:right="@dimen/abc_button_padding_horizontal_material"
android:bottom="@dimen/abc_button_padding_vertical_material"/>
</shape>
drawable/button_shape_highlight.xml
这是高亮按钮形状,绘制在正常按钮形状之上。
它与普通按钮形状相比,具有更醒目的外观,用于突出显示用户界面中的重要操作。
<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners android:radius="@dimen/abc_control_corner_material"/>
<solid android:color="@color/control_highlight"/>
</shape>
@color/control_highlight
可以指向:
@color/ripple_material_dark
- 半透明白色,用于深色背景上
@color/ripple_material_light
- 半透明黑色,用于浅色背景上
- 您定义的任何其他颜色。