【问题标题】:material Slider tooltip color not changing com.google.android.material.slider.Slider材质滑块工具提示颜色不改变 com.google.android.material.slider.Slider
【发布时间】:2021-12-28 07:02:48
【问题描述】:

我正在使用材质滑块https://material.io/components/sliders/androidhttps://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

【问题讨论】:

    标签: android material-ui slider material-design


    【解决方案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" />
    

    结果:

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2022-01-23
      • 2017-02-15
      • 2019-02-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多