如何更改材质滑块字体

时间:2021-03-10 10:37:59

标签: android kotlin material-components-android rangeslider android-slider

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

enter image description here

4 个答案:

答案 0 :(得分:2)

您必须覆盖滑块的材质主题。

    <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>

答案 1 :(得分:2)

目前 (1.3.0) 定义 textAppearanceTooltipSlider 使用的字体的唯一方法是使用风格:

<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>

如果您想使用反射(我不鼓励它),您必须访问 List<TooltipDrawable> labels 类中定义的 BaseSlider
然后您可以使用 setTextAppearance 类中定义的方法 setTextAppearanceResourceTooltipDrawable

答案 2 :(得分:1)

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

fonts in xml

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

欢迎提出任何建议。现在,即使我以编程方式向视图添加滑块,字体也仅在样式应用于所有滑块时才会更改。无赖。我最好的猜测是父视图覆盖了自定义字体属性。

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

style programmatically

sample has a slider that almost works

答案 3 :(得分:1)

根据 Gabriele Mariotti answer,您可以使用反射以编程方式更改滑块字体。您必须访问 BaseSlider 上的私有字段“标签”才能访问“TooltipDrawable”列表,您可以在其中使用自定义 Tooltip 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 是您在 style.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>

结果: Slider new robot mono typeface