如何在 API 21 中使用不同颜色的 Material 设计按钮?
How to have Material design buttons with different colors in API 21?
来自这个话题:Android Material Design Button Styles
我不明白如何单独更改按钮的颜色,以便并非所有按钮都具有相同的颜色。
<item name="android:colorButtonNormal">@color/blue</item>
这个解决方案效果很好,但它改变了所有按钮的颜色。
在API22中,我们可以使用backgroundTint
改变不同按钮的颜色,像这样:
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:elevation="3dp"
android:backgroundTint="@color/orange"
android:text="@string/button1_text"
android:textAllCaps="true"
android:textColor="@color/white"
android:textSize="18sp" />
我们如何在 API 21 内完成?
那是我拥有的styles.xml
:
<style name="AppTheme" parent="@android:style/Theme.Material.Light">
<item name="android:actionBarStyle">@style/actionBarCustomization</item>
<item name="android:spinnerDropDownItemStyle">@style/mySpinnerDropDownItemStyle</item>
<item name="android:spinnerItemStyle">@style/mySpinnerItemStyle</item>
<item name="android:colorButtonNormal">@color/myDarkBlue</item>
</style>
<style name="actionBarCustomization" parent="@android:style/Widget.Material.Light.ActionBar">
<item name="android:background">@color/white</item>
<item name="android:titleTextStyle">@style/actionBarTextColor</item>
</style>
<style name="actionBarTextColor" parent="@android:style/TextAppearance">
<item name="android:textColor">@color/black</item>
</style>
好的,我明白了。这是我解决它的方法,我希望它也能帮助到其他人(我并不是说它是完美的)。
我创建了一个看起来像这样的可绘制对象 material_ripple_effect.xml
:
<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="@color/black">
<item>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="2dp" />
<solid android:color="@color/myOrange" />
</shape>
</item>
</ripple>
然后在布局中,我有按钮的地方,我只是将波纹可绘制对象设置为背景。在 activity_main.xml
:
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:elevation="3dp"
android:backgroundTint="@color/orange"
android:background="@drawable/material_ripple_effect"
android:text="@string/button1_text"
android:textAllCaps="true"
android:textColor="@color/white"
android:textSize="18sp" />
来自这个话题:Android Material Design Button Styles
我不明白如何单独更改按钮的颜色,以便并非所有按钮都具有相同的颜色。
<item name="android:colorButtonNormal">@color/blue</item>
这个解决方案效果很好,但它改变了所有按钮的颜色。
在API22中,我们可以使用backgroundTint
改变不同按钮的颜色,像这样:
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:elevation="3dp"
android:backgroundTint="@color/orange"
android:text="@string/button1_text"
android:textAllCaps="true"
android:textColor="@color/white"
android:textSize="18sp" />
我们如何在 API 21 内完成?
那是我拥有的styles.xml
:
<style name="AppTheme" parent="@android:style/Theme.Material.Light">
<item name="android:actionBarStyle">@style/actionBarCustomization</item>
<item name="android:spinnerDropDownItemStyle">@style/mySpinnerDropDownItemStyle</item>
<item name="android:spinnerItemStyle">@style/mySpinnerItemStyle</item>
<item name="android:colorButtonNormal">@color/myDarkBlue</item>
</style>
<style name="actionBarCustomization" parent="@android:style/Widget.Material.Light.ActionBar">
<item name="android:background">@color/white</item>
<item name="android:titleTextStyle">@style/actionBarTextColor</item>
</style>
<style name="actionBarTextColor" parent="@android:style/TextAppearance">
<item name="android:textColor">@color/black</item>
</style>
好的,我明白了。这是我解决它的方法,我希望它也能帮助到其他人(我并不是说它是完美的)。
我创建了一个看起来像这样的可绘制对象 material_ripple_effect.xml
:
<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="@color/black">
<item>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="2dp" />
<solid android:color="@color/myOrange" />
</shape>
</item>
</ripple>
然后在布局中,我有按钮的地方,我只是将波纹可绘制对象设置为背景。在 activity_main.xml
:
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:elevation="3dp"
android:backgroundTint="@color/orange"
android:background="@drawable/material_ripple_effect"
android:text="@string/button1_text"
android:textAllCaps="true"
android:textColor="@color/white"
android:textSize="18sp" />