You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何修改MaterialTimePicker组件的标题文本大小

MaterialTimePicker标题文本大小修改方案

可以修改该组件的标题文本大小,官方文档未明确标注对应属性,可通过自定义样式覆盖实现,具体操作步骤如下:

  • 第一步:在styles.xml中添加自定义TimePicker样式和标题文本样式
    <!-- 自定义TimePicker整体样式 -->
    <style name="CustomMaterialTimePickerTheme" parent="Widget.MaterialComponents.MaterialTimePicker">
        <item name="materialTimePickerTitleTextAppearance">@style/CustomTimePickerTitleText</item>
    </style>
    
    <!-- 自定义标题文本样式 -->
    <style name="CustomTimePickerTitleText" parent="TextAppearance.MaterialComponents.TimePicker.Title">
        <!-- 按需修改文本大小 -->
        <item name="android:textSize">18sp</item>
        <!-- 可额外添加其他文本属性,如字重、颜色等 -->
        <item name="android:textColor">@color/custom_text_color</item>
        <item name="android:textStyle">bold</item>
    </style>
    
  • 第二步:调用时绑定自定义样式
    如果仅单次使用该样式,在构建MaterialTimePicker实例时指定即可:
    val timePicker = MaterialTimePicker.Builder()
        .setTheme(R.style.CustomMaterialTimePickerTheme)
        // 其他配置项
        .build()
    timePicker.show(supportFragmentManager, "time_picker_tag")
    
    如果需要全局生效,在项目的App主主题中添加如下配置即可:
    <style name="AppTheme" parent="Theme.MaterialComponents.*">
        <!-- 其他原有主题配置 -->
        <item name="materialTimePickerStyle">@style/CustomMaterialTimePickerTheme</item>
    </style>
    

注意事项

  • 需保证项目引入的Material组件库版本在1.3.0及以上,低版本不存在上述内置属性,需先升级依赖。
  • 如遇属性不生效的情况,可检查父主题是否继承正确,不要使用AppCompat系列的父主题,需匹配MaterialComponents主题体系。

内容的提问来源于stack exchange,提问作者Jose Jaime

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.05 01:39:03