CollapsingToolbarLayout setTitle() does not update unless collapsed
Solution 1
EDIT: This solution is no longer needed. bug fixed in v22.2.1
I didnt want to just leave links so here is the full solution.
The bug occurs because the code to handle the collapsable title only updates the actual title if the current title is null or the text size has changed. The workaround is to change the title text size and then change it back. I used 0.5 sp so there was not too much of a jump. Changing the text size forces the text to be updated and there is no flicker. just a slight text size change.
This is what I have
private void setCollapsingToolbarLayoutTitle(String title) {
mCollapsingToolbarLayout.setTitle(title);
mCollapsingToolbarLayout.setExpandedTitleTextAppearance(R.style.ExpandedAppBar);
mCollapsingToolbarLayout.setCollapsedTitleTextAppearance(R.style.CollapsedAppBar);
mCollapsingToolbarLayout.setExpandedTitleTextAppearance(R.style.ExpandedAppBarPlus1);
mCollapsingToolbarLayout.setCollapsedTitleTextAppearance(R.style.CollapsedAppBarPlus1);
}
in styles.xml I have
<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>
Solution 2
Okay I have a workaround while we wait for Google:
Grab the gist from https://gist.githubusercontent.com/blipinsk/3f8fb37209de6d3eea99/raw/b13bd20ebb319d94399f0e2a0bedbff4c044356a/ControllableAppBarLayout.java (I'm not the original creator but kudos to original author). This adds a few methods to the
AppBarLayout
, namely expand and collapseIn your method that calls
setTitle()
:
collapsingToolbar.setTitle("All Recent");
getSupportActionBar().setTitle("All Recent");
collapseThenExpand();
- Now create a
collapseThenExpand()
method:
private void collapseThenExpand() {
appbar.collapseToolbar();
Handler h = new Handler();
h.postDelayed(new Runnable() {
@Override
public void run() {
appbar.expandToolbar(true);
}
}, 800);
}
Note you can turn off the expand animation by setting it to false.
Related videos on Youtube
Comments
-
Jim Pekarek over 2 years
With the new Design Library, we're supposed to set the toolbar title on the
CollapsingToolbarLayout
, not theToolbar
itself(at least when using the collapsing toolbar). ButsetTitle()
only updates the title in the following specific circumstances:When the
CollapsingToolbarLayout
does not have a title yetAt the moment the
CollapsingToolbarLayout
becomes fully collapsedAt the moment the
CollapsingToolbarLayout
starts to expand
What I'm actually trying to do is make the title become an
EditText
when fully expanded, allowing the user to give his/her character a name, which then displays as the title. I've tried to force the issue by callinginvalidate()
orrequestLayout()
, as well as both of those methods onCollapsingToolbarLayout
's children. No effect.-
RuAware almost 9 yearsI reported this as a bug, have no idea how to force it in the meanwhile code.google.com/p/android/issues/…
-
Jim Pekarek almost 9 years@RuAware Excellent. Thank you!
-
Tomas almost 9 yearsChris Banes marked this bug for FutureRelease: code.google.com/p/android/issues/detail?id=175808
-
Jim Pekarek almost 9 yearsFor anyone using this, it does work in forcing a refresh of the title, but this:
collapsingToolbarLayout.setTitle("new title");
appbar.collapseToolbar(false);
appbar.expandToolbar(false);
does NOT work. There needs to be some time between collapsing an expanding- even a delay of 1ms works. Unfortunately this causes a flicker. -
Marcel almost 9 yearsThe @doubleA solution is dirty but more effective, no flicker and easy to do. I'm using it.
-
Marcel almost 9 yearsNo need for this workaround anymore. It´s fixed in v22.2.1 Please @doubleA update the answer
-
Neon Warge about 8 yearsI am using v23.0.1 and title is not showing up when I put the toolbar inside the CollapsingToolbarLayout
-
doubleA about 8 years@NeonWarge Your issue sounds like a different problem. You should start a new question and try to get help from there. My solution works for those using pre v22.2.1 If you are using v23.0.1 then this particular issue does not affect you. Good luck and Happy Coding.
-
Neon Warge about 8 yearsYeah it works now, I stayed at build version 23.0.1 and use support library 23.1.1.
-
Peterdk over 7 yearsJust using
mCollapsingToolbarLayout.setTitle()
fixed it for me, when using alltoolbar.setTitle()
methods did not update a set title. -
doubleA over 7 years@Peterdk if you are using v22.2.1 or above then this should not be an issue as it has been fixed. Glad it works. Happy Coding. :)
-
Neon Warge over 7 yearsI am experiencing this problem in v24.0.2
-
doubleA over 7 yearsYes it looks like the problem has regressed. According to @marioosh it is working in 24.1.1
-
anthony over 7 yearsthe problem stills in 24.2.1
-
doubleA over 7 yearsYes many people have reported that this problem has been popping up again. @anthony i am interested to know if the fix still works? if not then it is not really the same problem even if it has the same symptoms.