CollapsingToolbarLayout 中的工具栏未从 AppTheme 继承 fontFamily

Question

我在自定义 Toolbar 方面遇到了困难，尤其是其字体样式。工具栏标题继承的字体系列不是预期的字体系列（应用程序设置的字体系列），但它是默认的 android "Roboto".

我的xml布局：

<com.google.android.material.appbar.CollapsingToolbarLayout
    android:id="@+id/ctlArticleHeader"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:clipToPadding="false"
    android:fitsSystemWindows="true"
    app:collapsedTitleTextAppearance="@style/ToolbarCollapsed"
    app:expandedTitleTextAppearance="@style/ToolbarExpanded"
    app:contentScrim="?attr/colorPrimary"
    app:expandedTitleGravity="bottom"
    app:layout_scrollFlags="scroll|exitUntilCollapsed"
    app:statusBarScrim="@android:color/transparent"
    app:toolbarId="@+id/tbNavigation">

    <ImageView
        android:id="@+id/ivSectionImage"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scaleType="centerCrop"
        app:layout_collapseMode="parallax"
        tools:src="@tools:sample/avatars" />

     <androidx.appcompat.widget.Toolbar 
        android:id="@+id/tbNavigation"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:gravity="start"
        app:contentInsetLeft="0dp"
        app:contentInsetStart="0dp"
        app:layout_collapseMode="pin"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_scrollFlags="scroll|enterAlways"
        tools:title="Lorem ipsum"
        app:navigationIcon="@drawable/ic_arrow_back_white">
    </androidx.appcompat.widget.Toolbar>

</com.google.android.material.appbar.CollapsingToolbarLayout>

我的styles.xml

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorPrimary</item>
        <item name="android:fontFamily">@font/spoof</item>
        <item name="actionMenuTextColor">@color/colorPrimary</item>
        <item name="actionMenuTextAppearance">@style/myCustomMenuTextAppearance</item>
        <item name="android:textColor">@color/colorBaseBlack</item>
    </style>

</resources>

这是预期的行为吗？应用程序的其余部分一切正常。我是否应该强制工具栏采用专用样式的字体系列并复制代码？

Answer 1

在样式中添加

   <item name="android:fontFamily">@font/my_font</item>

创建资源>字体>my_font.xml

my_font.xml

<?xml version="1.0" encoding="utf-8"?>
<font-family xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <font
        android:fontStyle="normal"
        android:fontWeight="400"
        android:font="@font/fontnormal" <!--font file(.ttf)-->
        app:fontStyle="normal"
        app:fontWeight="400"
        app:font="@font/fontnormal" <!--font file(.ttf)-->
        />
</font-family>

Answer 2

您可以为标题定义自定义样式：

  <style name="CustomTitleCollapsed" parent="@style/TextAppearance.Widget.AppCompat.Toolbar.Title">
      <item name="android:fontFamily">@font/....</item>
  </style>
  <style name="CustomTitleExpanded" parent="@style/TextAppearance.Design.CollapsingToolbar.Expanded">
        <item name="android:fontFamily">@font/....</item>
  </style>

然后将样式应用到 CollapsingToolbarLayout:

<com.google.android.material.appbar.CollapsingToolbarLayout
    app:collapsedTitleTextAppearance="@style/CustomTitleCollapsed"
    app:expandedTitleTextAppearance="@style/CustomTitleExpanded"
    ../>

Answer 3

最后我不得不从我的片段中以编程方式设置字体类型。从 xml 设置样式有助于布局预览（按预期工作），但它在运行时不起作用。

因此，在我的片段中我有：

ctlArticleHeader.setCollapsedTitleTypeface(ResourcesCompat.getFont(requireContext(), R.font.spoof))
ctlArticleHeader.setExpandedTitleTypeface(ResourcesCompat.getFont(requireContext(), R.font.spoof))

通过这样做，字体以编程方式 "forced" 并且在我的布局中正确应用

CollapsingToolbarLayout 中的工具栏未从 AppTheme 继承 fontFamily

Toolbar in CollapsingToolbarLayout not inheriting fontFamily from AppTheme

android

android-toolbar

android-appcompat

android-theme

android-appbarlayout