如何在 CollapsingToolbarLayout 中增加标题的字体大小？答案

【问题标题】：How to increase font size of title in CollapsingToolbarLayout?如何在 CollapsingToolbarLayout 中增加标题的字体大小？
【发布时间】：2016-04-11 22:19:39
【问题描述】：

我尝试将其添加到我的Collapsing Toolbar Layout。

app:expandedTitleTextAppearance="@style/TextAppearance.AppCompat.Title"

app_bar_home.xml

<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/CoordinatorLayout"
android:fitsSystemWindows="true">

<android.support.design.widget.AppBarLayout
    android:fitsSystemWindows="true"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/AppBarLayout"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/collapsing_toolbar"
        android:layout_height="300dp"
        android:layout_width="match_parent"
        app:contentScrim="?attr/colorPrimary"
        app:expandedTitleGravity="center|center_horizontal"
        app:layout_scrollFlags="scroll|exitUntilCollapsed"
    app:expandedTitleTextAppearance="@style/TextAppearance.AppCompat.Title">

        <ImageView
            app:backgroundTint="@color/text"
            android:id="@+id/canteen_logo"
            android:layout_height="match_parent"
            android:layout_width="match_parent"
            android:scaleType="fitCenter"
            android:fitsSystemWindows="true"
            app:layout_collapseMode="parallax"
            app:layout_collapseParallaxMultiplier="0.7"
            app:srcCompat="@drawable/canteen_logo1"
            />

        <android.support.v7.widget.Toolbar
            android:textAllCaps="true"
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/toolbar_popup_style"
            app:layout_collapseMode="pin"/>
    </android.support.design.widget.CollapsingToolbarLayout>

</android.support.design.widget.AppBarLayout>

这是我的 Styles.xml：

<style name="TextAppearance.AppCompat.Title">
    <item name="android:textSize">32sp</item>
</style>

这就是我在 Home.java 中的内容，并试图删除它们，但我仍然无法修复它。

CollapsingToolbarLayout collapsingToolbar = (CollapsingToolbarLayout)
            findViewById(R.id.collapsing_toolbar);
    final Typeface sp = Typeface.createFromAsset(this.getAssets(), "fonts/FuturaPTMedium.otf");
    final Typeface tf = Typeface.createFromAsset(this.getAssets(), "fonts/FuturaPTBook.otf");
    collapsingToolbar.setCollapsedTitleTypeface(sp);
    collapsingToolbar.setExpandedTitleTypeface(tf);
    setTitle("CANTEEN");

【问题讨论】：

How to change CollapsingToolbarLayout typeface and size?的可能重复
嘿，乔维，这对我来说很好用。也许您可以发布更多布局代码，以便我们查看是否有其他干扰？另外，标题是如何设置的？相关的 java 代码也可能有帮助。
@PaulBurke 在创建活动时已自动设置标题，但我通过添加 setTitle("CANTEEN"); 将其设置为大写；在我的活动上的 onCreate 中。
如果你想改变折叠文本的字体大小，你可以在 CollapsingToolBarLayout 标签中使用 app:collapsedTitleTextAppearance="@style/TextAppearance.AppCompat.Title"

标签： android android-collapsingtoolbarlayout

【解决方案1】：

通过将其添加到活动 onCreate 来修复它：

    CollapsingToolbarLayout collapsingToolbar = (CollapsingToolbarLayout)
    findViewById(R.id.collapsing_toolbar);
    collapsingToolbar.setCollapsedTitleTextAppearance(R.style.CollapsedAppBar);
    collapsingToolbar.setExpandedTitleTextAppearance(R.style.ExpandedAppBar);

并将其添加到 styles.xml：

    <style name="CollapsedAppBar" parent="@android:style/TextAppearance">
    <item name="android:textSize">32sp</item>
</style>

<style name="ExpandedAppBar" parent="@android:style/TextAppearance">
    <item name="android:textSize">76sp</item>
</style>

【讨论】：

【解决方案2】：

您还可以将以下内容添加到您的 app_bar_home.xml 中

<android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/collapsing_toolbar_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:collapsedTitleTextAppearance="@style/collapsed_app_bar"
        app:contentScrim="@color/colorPrimary"
        app:expandedTitleTextAppearance="@style/TextAppearance.AppCompat.Widget.ActionBar.Title.Inverse"
        app:layout_scrollFlags="scroll|exitUntilCollapsed">

然后注意 collapsedTitleTextAppearance 和 expandedTitleTextAppearance 属性。就我而言，我将以下内容添加到 values 资源文件下的 style.xml 中：

<style name="collapsed_app_bar" parent="@android:style/TextAppearance">
    <item name="android:textSize">40sp</item>
    <item name="android:textColor">#f0f</item>
</style>

希望这会有所帮助！

【讨论】：