material 滑块工具提示颜色未更改 com.google.android.material.slider.Slider

Question

我正在使用 material 滑块 https://material.io/components/sliders/android https://developer.android.com/reference/com/google/android/material/slider/Slider

        <com.google.android.material.slider.Slider
        android:id="@+id/range_seek_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:stepSize="0.1"
        android:value="0.7"
        android:valueFrom="0.3"
        android:valueTo="1"
        app:labelStyle="@style/Tooltip"
        app:layout_constraintTop_toBottomOf="@id/textView9"
        app:thumbColor="@color/colorAccent"
        app:thumbRadius="8dp"
        app:trackColorActive="@color/colorAccent"
        app:trackColorInactive="#60478FE3" />

和我的@style/Tooltip

    <style name="Tooltip" parent="Widget.MaterialComponents.Tooltip">
        <item name="android:background">@color/colorAccent</item>
        <item name="colorAccent">@color/colorAccent</item>

        <item name="colorPrimary">@color/colorAccent</item>
        <item name="colorOnPrimary">@color/colorAccent</item>
    </style>

但我的工具提示颜色保持不变screenshot attachment

Answer 1

要更改工具提示背景颜色，您必须使用 backgroundTint 属性，要更改工具提示文本颜色，您必须使用自定义 android:textAppearance 样式，如下例所示:

<style name="Tooltip" parent="Widget.MaterialComponents.Tooltip">
    <!--This is the Tooltip textAppearance -->
    <item name="android:textAppearance">@style/TextAppearance.Tooltip</item>
    <!--This is the Tooltip Background Color -->
    <item name="backgroundTint">@android:color/holo_orange_light</item>
</style>

<style name="TextAppearance.Tooltip" parent="TextAppearance.MaterialComponents.Tooltip">
    <!--This is the Tooltip Text Color -->
    <item name="android:textColor">@android:color/holo_blue_light</item>
</style>

您可以使用上面的自定义工具提示样式，如下所示：

<com.google.android.material.slider.Slider
   app:labelStyle="@style/Tooltip"
   android:layout_width="match_parent"
   android:layout_height="wrap_content" />

结果：

material 滑块工具提示颜色未更改 com.google.android.material.slider.Slider

material Slider tooltip color not changing com.google.android.material.slider.Slider

android

material-ui

slider

material-design