Change font size of Toolbar title in CollapsingToolbarLayout in android

10,768

Got answer from this link

mCollapsingToolbarLayout.setTitle(getTitle());
mCollapsingToolbarLayout.setExpandedTitleTextAppearance(R.style.ExpandedAppBar);
mCollapsingToolbarLayout.setCollapsedTitleTextAppearance(R.style.CollapsedAppBar);


<style name="ExpandedAppBar" parent="@android:style/TextAppearance.Medium">
    <item name="android:textSize">28sp</item>
    <item name="android:textColor">#000</item>
    <item name="android:textStyle">bold</item>
</style>

<style name="CollapsedAppBar" parent="@android:style/TextAppearance.Medium">
    <item name="android:textSize">24sp</item>
    <item name="android:textColor">@color/white</item>
    <item name="android:textStyle">normal</item>
</style>

<style name="ExpandedAppBarPlus1" parent="@android:style/TextAppearance.Medium">
    <item name="android:textSize">28.5sp</item>
    <item name="android:textColor">#000</item>
    <item name="android:textStyle">bold</item>
</style>

<style name="CollapsedAppBarPlus1" parent="@android:style/TextAppearance.Medium">
    <item name="android:textSize">24.5sp</item>
    <item name="android:textColor">@color/white</item>
    <item name="android:textStyle">normal</item>
</style>
Share:
10,768

Related videos on Youtube

Bhaumik Belani
Author by

Bhaumik Belani

I am a PHP Developer with experience of front end in Angular js. I have also experienced Android application development in native and Ionic Framework.

Updated on September 15, 2022

Comments

  • Bhaumik Belani
    Bhaumik Belani over 1 year

    I have an Toolbar(android.support.v7.widget.Toolbar) inside android.support.design.widget.CollapsingToolbarLayout and i want to change the font size of toolbar title. I have tried app:titleTextAppearance and some older suggestions but they don't work. my code is as bellow.

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/toolbar_layout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:fitsSystemWindows="true"
            app:contentScrim="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">
            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:id="@+id/route_detail_image"
                android:src="@drawable/default_image"
                android:scaleType="centerCrop" />
    
            <TextView
                android:layout_width="match_parent"
                android:layout_height="90dip"
                android:layout_gravity="bottom"
                android:padding="10dip"
                android:background="@color/trans_black"/>
            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_collapseMode="pin"
                app:elevation="20dp"
                app:titleTextAppearance="@style/route_title"
                app:popupTheme="@style/AppTheme.PopupOverlay"/>
        </android.support.design.widget.CollapsingToolbarLayout>
    

    inside my style.xml

    <style name="route_title" parent="android:Widget.TextView">
        <item name="android:textSize">14sp</item>
        <item name="android:color">#ffff0000</item>
    </style>
    

    inside .java

    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    toolbar.setTitle(route_name);
    
  • Bhaumik Belani
    Bhaumik Belani about 8 years
    I tried that too. but in that case the TextView disappears on collapsing. it doesn't work how it should.
  • Bhaumik Belani
    Bhaumik Belani about 8 years
    not working. and it doesn't seem to do anything with toolbar title.
  • JAAD
    JAAD about 8 years
    are you using toolbar as action or standalone toolbar?