【问题标题】:Change color of hands inside a TimePicker watch. Material design?更改 TimePicker 手表内指针的颜色。材料设计?
【发布时间】:2016-03-03 09:42:36
【问题描述】:

我在styles.xml 中创建了自己的样式,它看起来像这样:

<style name="myTimePickerStyle" parent="@android:style/Widget.Material.Light.TimePicker">
    <item name="android:numbersTextColor">#ffffff</item>
    <item name="android:numbersBackgroundColor">@color/background</item>
    <item name="android:numbersSelectorColor">#88000000</item>
    <item name="android:headerBackground">@color/background</item>
    <item name="android:colorAccent">@color/background</item>
</style>

我的问题是如何将时钟指针的颜色(小时和时间)更改为与表头相同的颜色?

【问题讨论】:

  • 你想改变时钟的颜色吗?我的意思是 1, 2, 3, ...11, 12 ?
  • 没有。我想换时钟的指针。就像指向所选时间的蓝绿色事物一样。 (顶部带圆圈的箭头)

标签: android user-interface android-widget android-theme timepicker


【解决方案1】:

我没有尝试过,但它可能对你有帮助。 只需在您的样式中添加这两个属性

<style name="myTimePickerStyle" parent="@android:style/Widget.Material.Light.TimePicker">
    <item name="android:numbersTextColor">#ffffff</item>
    <item name="android:numbersBackgroundColor">@color/background</item>
    <item name="android:numbersSelectorColor">#88000000</item>
    <item name="android:headerBackground">@color/background</item>
    <item name="android:colorAccent">@color/background</item>

    <!-- clock hand color change -->

     <item name="android:hand_hour">#88000000</item>
    <item name="android:hand_minute">#88000000</item>
</style>

你应该检查this answer,也许它可以帮助你。

编辑

我在网上搜索了很长时间,得到了这个解决方案。 这两个属性可能适合您。

    <item name="android:numbersSelectorColor">#ff2d6073</item>
    <item name="android:numbersBackgroundColor">#ffdddddd</item>

Source

【讨论】:

  • 你的建议我都试过了。在从 R.colors 设置颜色时,甚至在 hand_hour 和 hand_minute 上设置可绘制对象时。但什么也不做
  • @rosualin 我已经更新了我的答案,尝试它也有来源。可能对你有帮助。
  • 我试过这样但它不起作用。 :|我评论了源栈溢出问题,也许他有时间告诉我
【解决方案2】:

您需要在 TimePicker 样式中设置 colorControlNormal 和 colorControlActivated,如下所示:

    <item name="colorControlNormal">@color/blue</item>
    <item name="colorControlActivated">@color/blue</item>

【讨论】:

    【解决方案3】:

    通过 XML,API 级别 21 或更高:

    android:numbersSelectorColor="@color/Blue"
    

    【讨论】:

      猜你喜欢
      • 2014-10-12
      • 1970-01-01
      • 2018-05-09
      • 1970-01-01
      • 2015-08-15
      • 1970-01-01
      • 2023-03-21
      • 2015-08-13
      • 2018-05-11
      相关资源
      最近更新 更多