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

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

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

添加样式

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

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

所以，在我的片段中，我有：

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

通过编程以强制方式将字体“强制”并且正确地将其应用于我的布局中>