如何更改 Android 5.0 的 DatePicker 对话框颜色

时间:2023-03-20
本文介绍了如何更改 Android 5.0 的 DatePicker 对话框颜色的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

是否可以更改 Android 5.0 的日期选择器(以及时间选择器)配色方案?

Is it possible to change the datepicker (and also the timepicker) color scheme for Android 5.0?

我尝试设置强调色,但这不起作用(无论有无 android):

I've tried setting the accent colors, but this doesn't work (both with and without android):

<!-- colorPrimary is used for the default action bar background -->
<item name="colorPrimary">@color/purple</item>

<!-- colorPrimaryDark is used for the status bar -->
<item name="colorPrimaryDark">@color/purple_tint</item>

<!-- colorAccent is used as the default value for colorControlActivated
     which is used to tint widgets -->
<item name="colorAccent">@color/purple_tint</item>

来自原文:

这样的:

推荐答案

Neil的建议导致全屏DatePicker的原因是父主题的选择:

The reason why Neil's suggestion results in a fullscreen DatePicker is the choice of parent theme:

<!-- Theme.AppCompat.Light is not a dialog theme -->
<style name="DialogTheme" parent="**Theme.AppCompat.Light**">
    <item name="colorAccent">@color/blue_500</item>
</style>

而且,如果你走这条路线,你必须在创建 DatePickerDialog 时指定主题:

Moreover, if you go this route, you have to specify the theme while creating the DatePickerDialog:

// R.style.DialogTheme
new DatePickerDialog(MainActivity.this, R.style.DialogTheme, new DatePickerDialog.OnDateSetListener() {
    @Override
    public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
        //DO SOMETHING
    }
}, 2015, 02, 26).show();

在我看来,这并不好.应该尝试将样式保持在 java 之外和 styles.xml/themes.xml 内部.

This, in my opinion, is not good. One should try to keep the styling out of java and inside styles.xml/themes.xml.

我同意 Neil 的建议,稍作改动(将父主题更改为 Theme.Material.Light.Dialog)将为您提供所需的结果.但是,这是另一种方式:

I do agree that Neil's suggestion, with a bit of change (changing the parent theme to say, Theme.Material.Light.Dialog) will get you the desired result. But, here's the other way:

在第一次检查时,我们遇到了 datePickerStyle,它定义了以下内容:headerBackground(您要更改的内容)、dayOfWeekBackground、以及其他一些文本颜色和文本样式.

On first inspection, we come across datePickerStyle which defines things such as: headerBackground(what you are trying to change), dayOfWeekBackground, and a few other text-colors and text-styles.

在您的应用主题中覆盖此属性将不起作用.DatePickerDialog 使用由属性 datePickerDialogTheme 分配的单独主题.因此,为了使我们的更改生效,我们必须在覆盖的 datePickerDialogTheme覆盖 datePickerStyle.

Overriding this attribute in your app's theme will not work. DatePickerDialog uses a separate theme assignable by the attribute datePickerDialogTheme. So, for our changes to take affect, we must override datePickerStyle inside an overriden datePickerDialogTheme.

我们开始吧:

在应用的基本主题中覆盖 datePickerDialogTheme:

Override datePickerDialogTheme inside your app's base theme:

<style name="AppBaseTheme" parent="android:Theme.Material.Light">
    ....
    <item name="android:datePickerDialogTheme">@style/MyDatePickerDialogTheme</item>
</style>

定义 MyDatePickerDialogTheme.父主题的选择取决于您应用的基本主题:它可以是 Theme.Material.DialogTheme.Material.Light.Dialog:

Define MyDatePickerDialogTheme. The choice of parent theme will depend on what your app's base theme is: it could be either Theme.Material.Dialog or Theme.Material.Light.Dialog:

<style name="MyDatePickerDialogTheme" parent="android:Theme.Material.Light.Dialog">
    <item name="android:datePickerStyle">@style/MyDatePickerStyle</item>
</style>

我们已经用样式 MyDatePickerStyle 覆盖了 datePickerStyle.父级的选择将再次取决于您应用的基本主题是什么:Widget.Material.DatePickerWidget.Material.Light.DatePicker.根据您的要求定义它:

We have overridden datePickerStyle with the style MyDatePickerStyle. The choice of parent will once again depend on what your app's base theme is: either Widget.Material.DatePicker or Widget.Material.Light.DatePicker. Define it as per your requirements:

<style name="MyDatePickerStyle" parent="@android:style/Widget.Material.Light.DatePicker">
    <item name="android:headerBackground">@color/chosen_header_bg_color</item>
</style>

目前,我们只覆盖默认设置为 ?attr/colorAccentheaderBackground(这也是 Neil 建议在更改背景时起作用的原因).但是可以进行很多自定义:

Currently, we are only overriding headerBackground which by default is set to ?attr/colorAccent (this is also why Neil suggestion works in changing the background). But there's quite a lot of customization possible:

dayOfWeekBackground
dayOfWeekTextAppearance
headerMonthTextAppearance
headerDayOfMonthTextAppearance
headerYearTextAppearance
headerSelectedTextColor
yearListItemTextAppearance
yearListSelectorColor
calendarTextColor
calendarSelectedTextColor

如果您不想要这么多的控制(自定义),则无需覆盖 datePickerStyle.colorAccent 控制大部分 DatePicker 的 颜色.因此,在 MyDatePickerDialogTheme 中仅覆盖 colorAccent 应该可以工作:

If you don't want this much control (customization), you don't need to override datePickerStyle. colorAccent controls most of the DatePicker's colors. So, overriding just colorAccent inside MyDatePickerDialogTheme should work:

<style name="MyDatePickerDialogTheme" parent="android:Theme.Material.Light.Dialog">
    <item name="android:colorAccent">@color/date_picker_accent</item>

    <!-- No need to override 'datePickerStyle' -->
    <!-- <item name="android:datePickerStyle">@style/MyDatePickerStyle</item> -->
</style>

重写 colorAccent 为您提供更改 OK 的额外好处 &CANCEL 文本颜色也是如此.还不错.

Overriding colorAccent gives you the added benefit of changing OK & CANCEL text colors as well. Not bad.

这样您就不必向 DatePickerDialog 的 构造函数提供任何样式信息.一切都已正确接线:

This way you don't have to provide any styling information to DatePickerDialog's constructor. Everything has been wired properly:

DatePickerDialog dpd = new DatePickerDialog(this, new DatePickerDialog.OnDateSetListener() {
    @Override
    public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {

    }
 }, 2015, 5, 22);

 dpd.show();

这篇关于如何更改 Android 5.0 的 DatePicker 对话框颜色的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!