Question

我无法更改选择器颜色和TimePicker的其他部分。到目前为止，我可以更改标题颜色和背景，但我无法更改innercircle和textcolor。

更改自定义主题link。

我的代码：

<TimePicker
    android:id="@+id/tp"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:timePickerMode="clock"
    android:headerBackground="#565466"
    android:amPmBackgroundColor="#500126"
    android:numbersBackgroundColor="#57e326"
    android:numbersTextColor="#995394"
    android:numbersSelectorColor="#675543"
    android:textColorSecondary="#897530"
    android:textColorPrimary="#359875"
/>

Answer 1

基本模式

您所要做的就是在您的活动主题中设置您的强调色：

<item name="colorAccent">#3333cc</item>

这将为您设置所有颜色，这样您就不会弄乱样式。

（这也意味着您不应该直接在TimePicker上设置amPmBackgroundColor之类的值，让Android为您做好准备。）

高级模式

如果要分别指定所有可能的值，请执行以下操作：

首先在您的活动主题中定义：

<item name="android:timePickerStyle">@style/Theme.MyTheme.TimePicker</item>

然后创建合适的样式：

<style name="Theme.MyTheme.TimePicker" parent="android:Widget.Material.Light.TimePicker">
    <item name="android:timePickerMode">clock</item>
    <item name="android:headerBackground">#ff555555</item>
    <item name="android:numbersTextColor">?android:attr/textColorPrimaryActivated</item>
    <item name="android:numbersInnerTextColor">?android:attr/textColorSecondaryActivated</item>
    <item name="android:numbersSelectorColor">?android:attr/colorControlActivated</item>
    <item name="android:numbersBackgroundColor">#ff555555</item>
    <item name="android:amPmTextColor">?android:attr/textColorSecondary</item>
</style>

请注意，numbersInnerTextColor仅适用于API级别23，并且无法设置其他样式（例如headerTextColor）（或者至少我无法使其工作）。

我建议不要使用＆＃34; advanced＆＃34;模式，因为TimePicker应该与包含Activity的颜色相同，否则可能会以不好的方式影响你的用户体验。

Answer 2

TimePicker材质风格：

具有自定义颜色的TimePickerDialog素材样式

<style name="MyTimePickerDialogStyle" parent="@style/ThemeOverlay.AppCompat.Dialog.Alert">
<item name="showTitle">false</item>
<item name="colorControlActivated">#ffd600</item>
<item name="colorAccent">#b71c1c</item>
<item name="android:textColorPrimary">#43a047</item>
<item name="android:textColorSecondary">#f44336</item>
</style>

TimePicker小部件样式

<style name="MyTimePickerWidgetStyle" parent="@android:style/Widget.Material.TimePicker">
    <item name="android:headerBackground">#ffe082</item>
    <item name="android:numbersTextColor">#b71c1c</item>
    <item name="android:numbersInnerTextColor">#f44336</item>
    <item name="android:numbersSelectorColor">#33691e</item>
    <item name="android:numbersBackgroundColor">#ef9a9a</item>
    <item name="android:amPmTextColor">#9c27b0</item>
</style>

有关TimePicker的详细信息，请参阅http://www.zoftino.com/android-timepicker-example

如何在材质设计android中自定义TimePicker？

2 个答案:

基本模式

高级模式