更改 DatePicker header 文本颜色
Change DatePicker header text color
我有一个在 Lollipop 上显示 header 的日期选择器,看起来像这样
我想将 header 中大日期的颜色从黑色更改为白色,或者完全删除 header,我不在乎哪个。我试过更改 textColorPrimary
、textColor
和 titleTextColor
但没有效果。
试试这个,它可能对你有帮助:
将您的 styles.xml
编辑为:
<style name="DialogTheme" parent="Theme.AppCompat.Light.Dialog">
<item name="colorAccent">@color/white</item>
</style>
并在您的代码中添加以下行:
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();
我可以更改 header 中的日期颜色,为我的 datePicker DialogFragment 提供自定义主题 CustomDatePickerDialogTheme
:
<style name="CustomDatePickerDialogTheme" parent="Theme.AppCompat.Light.Dialog">
<item name="android:datePickerStyle">@style/CustomDatePickerStyle</item>
</style>
<style name="CustomDatePickerStyle" parent="@android:style/Widget.Material.Light.DatePicker">
<item name="android:headerMonthTextAppearance">@style/HeaderTextStyle</item>
</style>
<style name="HeaderTextStyle" parent="@android:style/TextAppearance.Medium">
<item name="android:textColor">@color/colorAccent</item>
</style>
嗯,我不知道您的日期选择器主题的 parent 主题是什么。假设您的日期选择器有一个自定义主题,如下所示,
<style name="yourCustomStyle" parent="Theme.AppCompat.Light">
现在 Ctrl + 单击 Theme.AppCompat.Light
这会引导您进入一条新的道路 ;) 在那里您可以找到您想要的正在寻找此处的含义您的问题仅与标题文本有关,但您可能希望更改其他视图颜色,因此这是您需要查看的地方。
作为答案创建一个自定义主题,如下所示,并使用您喜欢的颜色添加此属性
android:textColorPrimaryInverse
应该能帮到你。
<style name="yourCustomStyle" parent="Theme.AppCompat.Light">
<item name="colorAccent">@color/blue</item>
<item name="android:textColorPrimaryInverse">@color/yellow</item>
.. other
</style>
随意使用您自己的颜色和代码(我从 this 复制了代码)它会完成工作!
new DatePickerDialog(MainActivity.this, R.style.yourCustomStyle, new DatePickerDialog.OnDateSetListener() {
@Override
public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
}
}, 2015, 02, 26).show();
图像:android:textColorPrimaryInverse 和 Theme.AppCompat.Dialog
您可以按照以下步骤更改 DateTimePicker Header 和 Body 背景:
转到android/app/src/main/res/values/styles。xml
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<item name="android:textColor">#000000</item>
**Add these two files !!!**
<item name="android:timePickerDialogTheme">@style/ClockTimePickerDialog</item>
<item name="android:datePickerDialogTheme">@style/DialogDatePicker.Theme</item>
</style>
**Add these files also**
<style name="DialogDatePicker.Theme" parent="Theme.AppCompat.DayNight.Dialog">
<item name="colorAccent">#000000</item>
</style>
<style name="ClockTimePickerDialog" parent="Theme.AppCompat.Light.Dialog">
<item name="colorAccent">#000000</item>
<item name="android:textColorPrimary">#000</item>
</style>
科特林,2021 年
// set date as button text if pressed
btnDate.setOnClickListener(View.OnClickListener {
val dpd = DatePickerDialog(
this,
{ view, year, monthOfYear, dayOfMonth ->
val selectDate = Calendar.getInstance()
selectDate.set(Calendar.YEAR, year)
selectDate.set(Calendar.MONTH, monthOfYear)
selectDate.set(Calendar.DAY_OF_MONTH, dayOfMonth)
var formatDate = SimpleDateFormat("dd/MM/yyyy", Locale.getDefault())
val date = formatDate.format(selectDate.time)
Toast.makeText(this, date, Toast.LENGTH_SHORT).show()
btnDate.text = date
}, 1990, 6, 6
)
val calendar = Calendar.getInstance()
val year = calendar[Calendar.YEAR]
val month = calendar[Calendar.MONTH]
val day = calendar[Calendar.DAY_OF_MONTH]
dpd.datePicker.minDate = GregorianCalendar(year - 90, month, day, 0, 0).timeInMillis
dpd.datePicker.maxDate = GregorianCalendar(year - 10, month, day, 0, 0).timeInMillis
dpd.show()
})
Styles.xml
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- This is main Theme Style for your application! -->
<item name="android:datePickerDialogTheme">@style/MyDatePickerDialogTheme</item>
</style>
<style name="MyDatePickerDialogTheme" parent="android:Theme.Material.Dialog">
<item name="android:datePickerStyle">@style/MyDatePickerStyle</item>
</style>
<style name="MyDatePickerStyle" parent="@android:style/Widget.Material.DatePicker">
<item name="android:headerBackground">#A500FF</item>
</style>
我有一个在 Lollipop 上显示 header 的日期选择器,看起来像这样
我想将 header 中大日期的颜色从黑色更改为白色,或者完全删除 header,我不在乎哪个。我试过更改 textColorPrimary
、textColor
和 titleTextColor
但没有效果。
试试这个,它可能对你有帮助:
将您的 styles.xml
编辑为:
<style name="DialogTheme" parent="Theme.AppCompat.Light.Dialog">
<item name="colorAccent">@color/white</item>
</style>
并在您的代码中添加以下行:
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();
我可以更改 header 中的日期颜色,为我的 datePicker DialogFragment 提供自定义主题 CustomDatePickerDialogTheme
:
<style name="CustomDatePickerDialogTheme" parent="Theme.AppCompat.Light.Dialog">
<item name="android:datePickerStyle">@style/CustomDatePickerStyle</item>
</style>
<style name="CustomDatePickerStyle" parent="@android:style/Widget.Material.Light.DatePicker">
<item name="android:headerMonthTextAppearance">@style/HeaderTextStyle</item>
</style>
<style name="HeaderTextStyle" parent="@android:style/TextAppearance.Medium">
<item name="android:textColor">@color/colorAccent</item>
</style>
嗯,我不知道您的日期选择器主题的 parent 主题是什么。假设您的日期选择器有一个自定义主题,如下所示,
<style name="yourCustomStyle" parent="Theme.AppCompat.Light">
现在 Ctrl + 单击 Theme.AppCompat.Light
这会引导您进入一条新的道路 ;) 在那里您可以找到您想要的正在寻找此处的含义您的问题仅与标题文本有关,但您可能希望更改其他视图颜色,因此这是您需要查看的地方。
作为答案创建一个自定义主题,如下所示,并使用您喜欢的颜色添加此属性
android:textColorPrimaryInverse
应该能帮到你。
<style name="yourCustomStyle" parent="Theme.AppCompat.Light">
<item name="colorAccent">@color/blue</item>
<item name="android:textColorPrimaryInverse">@color/yellow</item>
.. other
</style>
随意使用您自己的颜色和代码(我从 this 复制了代码)它会完成工作!
new DatePickerDialog(MainActivity.this, R.style.yourCustomStyle, new DatePickerDialog.OnDateSetListener() {
@Override
public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
}
}, 2015, 02, 26).show();
图像:android:textColorPrimaryInverse 和 Theme.AppCompat.Dialog
您可以按照以下步骤更改 DateTimePicker Header 和 Body 背景:
转到android/app/src/main/res/values/styles。xml
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<item name="android:textColor">#000000</item>
**Add these two files !!!**
<item name="android:timePickerDialogTheme">@style/ClockTimePickerDialog</item>
<item name="android:datePickerDialogTheme">@style/DialogDatePicker.Theme</item>
</style>
**Add these files also**
<style name="DialogDatePicker.Theme" parent="Theme.AppCompat.DayNight.Dialog">
<item name="colorAccent">#000000</item>
</style>
<style name="ClockTimePickerDialog" parent="Theme.AppCompat.Light.Dialog">
<item name="colorAccent">#000000</item>
<item name="android:textColorPrimary">#000</item>
</style>
科特林,2021 年
// set date as button text if pressed
btnDate.setOnClickListener(View.OnClickListener {
val dpd = DatePickerDialog(
this,
{ view, year, monthOfYear, dayOfMonth ->
val selectDate = Calendar.getInstance()
selectDate.set(Calendar.YEAR, year)
selectDate.set(Calendar.MONTH, monthOfYear)
selectDate.set(Calendar.DAY_OF_MONTH, dayOfMonth)
var formatDate = SimpleDateFormat("dd/MM/yyyy", Locale.getDefault())
val date = formatDate.format(selectDate.time)
Toast.makeText(this, date, Toast.LENGTH_SHORT).show()
btnDate.text = date
}, 1990, 6, 6
)
val calendar = Calendar.getInstance()
val year = calendar[Calendar.YEAR]
val month = calendar[Calendar.MONTH]
val day = calendar[Calendar.DAY_OF_MONTH]
dpd.datePicker.minDate = GregorianCalendar(year - 90, month, day, 0, 0).timeInMillis
dpd.datePicker.maxDate = GregorianCalendar(year - 10, month, day, 0, 0).timeInMillis
dpd.show()
})
Styles.xml
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- This is main Theme Style for your application! -->
<item name="android:datePickerDialogTheme">@style/MyDatePickerDialogTheme</item>
</style>
<style name="MyDatePickerDialogTheme" parent="android:Theme.Material.Dialog">
<item name="android:datePickerStyle">@style/MyDatePickerStyle</item>
</style>
<style name="MyDatePickerStyle" parent="@android:style/Widget.Material.DatePicker">
<item name="android:headerBackground">#A500FF</item>
</style>