如何更改 material 滑块字体

Question

如何以编程方式更改 material slider 气泡字体？

Answer 1

您必须覆盖滑块的 material 主题。

    <style name="Myslider" parent="@style/Widget.MaterialComponents.Slider">
        <item name="labelStyle">@style/My_Tooltip</item>
        <item name="materialThemeOverlay">@style/ThemeOverlay.Slider</item>
        <item name="android:fontFamily">@font/iransans</item>
    </style>

    <style name="My_Tooltip" parent="Widget.MaterialComponents.Tooltip">
        <!-- font for your slider  tooltip -->
        <item name="android:fontFamily">//font</item>
    </style>

    <style name="ThemeOverlay.Slider" parent="">
        <item name="android:fontFamily">@font/iransans</item>
    </style>

Answer 2

我找到了这个 link；它描述的是在 xml 中创建字体并在布局和小部件中以编程方式使用它。

fonts in xml

愚蠢的滑块不暴露字体属性。向测试项目添加了一个滑块，它是第一个答案与允许以编程方式将自定义滑块添加到视图的代码的组合。

欢迎提出任何建议。现在，即使我以编程方式将滑块添加到视图中，字体也只会在样式应用于所有滑块时发生变化。无赖。我最好的猜测是父视图覆盖了自定义字体属性.

该方法似乎适用于其他小部件。我认为在飞行中做这件事会很酷。这类东西的应用很多。

style programmatically

sample has a slider that almost works

Answer 3

目前(1.3.0)定义textAppearance和Tooltip使用的字体的唯一方法是[=14] =] 样式为：

<style name="App.Slider" parent="@style/Widget.MaterialComponents.Slider">
    <item name="labelStyle">@style/App.Tooltip</item>
</style>

<style name="App.Tooltip" parent="Widget.MaterialComponents.Tooltip">
    <item name="android:textAppearance">@style/TextAppearance.MaterialComponents.Tooltip</item>
</style>

如果您想使用反射（我不鼓励这样做），您必须访问 BaseSlider [=29= 中定义的 List<TooltipDrawable> labels ].
然后你可以使用 setTextAppearance 或 setTextAppearanceResource 中定义的方法 TooltipDrawable class

Answer 4

根据，您可以使用反射以编程方式更改滑块字体。您必须访问 BaseSlider 上的私有字段“标签”才能访问“TooltipDrawable”列表，您可以在其中使用自定义工具提示 TextAppearance 更改每个 TooltipDrawable。

我为此实现了一个辅助函数：

    @SuppressLint("RestrictedApi")
    public static void changeSliderTypeFace(Slider slider, @StyleRes int textAppearanceStyleResId){

        try
        {
            Class baseSliderCls = Slider.class.getSuperclass();
            if (baseSliderCls != null) {
                Field privateLabelsField = baseSliderCls.getDeclaredField("labels");
                privateLabelsField.setAccessible(true);
                List<TooltipDrawable> tooltipDrawableList = (List<TooltipDrawable>) privateLabelsField.get(slider);
                if(tooltipDrawableList!=null && tooltipDrawableList.size()>0)
                {
                    for(TooltipDrawable tooltipDrawable : tooltipDrawableList){
                        tooltipDrawable.setTextAppearance(new TextAppearance(slider.getContext(), textAppearanceStyleResId));
                    }
                }
            }
        }
        catch (NoSuchFieldException | IllegalAccessException e) {
            e.printStackTrace();
        }
    }

您可以像下面这样使用它：

Slider slider = findViewById(R.id.slider);
changeSliderTypeFace(slider, R.style.CustomTooltipTextAppearance);

其中 R.style.CustomTooltipTextAppearance 是您在 styles.xml 中定义的自定义工具提示 TextAppearance 样式，如下所示：

<style name="CustomTooltipTextAppearance" parent="TextAppearance.MaterialComponents.Tooltip">
        <item name="android:textColor">@android:color/white</item>
        <item name="fontFamily">@font/roboto_mono</item>
        <item name="android:fontFamily">@font/roboto_mono</item>
</style>

结果：

如何更改 material 滑块字体

How to change material slider font

android

kotlin

material-components-android

rangeslider

android-slider