I need to know when CollapsingToolbar from material design library is collapsed.
5 Answers
As Marko said, this can be achieved using your own implementation of a OnOffsetChangedListener.
AppBarLayout appBarLayout = (AppBarLayout) view.findViewById(R.id.app_bar_layout);
appBarLayout.addOnOffsetChangedListener(new AppBarLayout.OnOffsetChangedListener() {
@Override
public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset) {
if (Math.abs(verticalOffset) == appBarLayout.getTotalScrollRange()) {
// Collapsed
} else if (verticalOffset == 0) {
// Expanded
} else {
// Somewhere in between
}
}
}););
-
This solution seems to be the most popular one. However, in my case, the problem is that the
addOnOffsetChangedListener
are called every time while collapsing/expanding unless you stop moving your finger. Is it possible to detect the state only than when it is either expanded or closed and only after one of those state execute some code? Oct 9, 2020 at 15:18 -
This solution works like a charm.. Just one thing - that since I had disabled collapsable toolbar's scroll flags in certain conditions so getTotalScrollRange() for me was 0 and hence it was always showing me "collapsed" state. Interchanging the 'if" and "else if" serves best in that case. Nov 23, 2020 at 13:23
UPDATE: Since support versions of 23.1.1+ the issue is no longer there, no need to use the listener and disable the swipe refresh layout, it will work as it should (link).
Implement AppBarLayout.OnOffsetChangedListener listener on your AppBarLayout
AppBarLayout appBarLayout = (AppBarLayout) view.findViewById(R.id.app_bar_layout);
appBarLayout.addOnOffsetChangedListener(this);
And check if offset is 0, meaning the toolbar is fully expanded.
@Override
public void onOffsetChanged(AppBarLayout appBarLayout, int offset)
{
if (offset == 0)
{
// Fully expanded
}
else
{
// Not fully expanded or collapsed
}
}
-
1@Atieh to further explain it, when the collapsing toolbar is fully expanded the offset value is equal to zero (offset == 0)– ponnexFeb 20, 2016 at 17:00
-
1I changed the if condition to
verticalOffset < -710
then the problem solved. not elegant but it works Apr 20, 2016 at 15:36 -
To detect if fully collapsed check if Math.abs(offset) == appBarLayout Dec 13, 2016 at 22:10
-
As @Atieh said this is NOT the right answer, Upvotes are missleading, Maybe users should try it first then upvote ! Aug 22, 2017 at 6:20
-
Take a look over this github gist
public class MyAppBarLayout extends AppBarLayout
implements AppBarLayout.OnOffsetChangedListener {
private State state;
private OnStateChangeListener onStateChangeListener;
public MyAppBarLayout(Context context) {
super(context);
}
public MyAppBarLayout(Context context, AttributeSet attrs) {
super(context, attrs);
}
@Override
protected void onAttachedToWindow() {
super.onAttachedToWindow();
if (!(getLayoutParams() instanceof CoordinatorLayout.LayoutParams)
|| !(getParent() instanceof CoordinatorLayout)) {
throw new IllegalStateException(
"MyAppBarLayout must be a direct child of CoordinatorLayout.");
}
addOnOffsetChangedListener(this);
}
@Override
public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset) {
if (verticalOffset == 0) {
if (onStateChangeListener != null && state != State.EXPANDED) {
onStateChangeListener.onStateChange(State.EXPANDED);
}
state = State.EXPANDED;
} else if (Math.abs(verticalOffset) >= appBarLayout.getTotalScrollRange()) {
if (onStateChangeListener != null && state != State.COLLAPSED) {
onStateChangeListener.onStateChange(State.COLLAPSED);
}
state = State.COLLAPSED;
} else {
if (onStateChangeListener != null && state != State.IDLE) {
onStateChangeListener.onStateChange(State.IDLE);
}
state = State.IDLE;
}
}
public void setOnStateChangeListener(OnStateChangeListener listener) {
this.onStateChangeListener = listener;
}
public interface OnStateChangeListener {
void onStateChange(State toolbarChange);
}
public enum State {
COLLAPSED,
EXPANDED,
IDLE
}
}
-
1
-
This works elegantly @EdyBolos thanks a ton for sharing. Flawless! Sep 24, 2015 at 14:05
appBarLayout.addOnOffsetChangedListener(AppBarLayout.OnOffsetChangedListener { appBarLayout, verticalOffset ->
if (Math.abs(verticalOffset) >= appBarLayout.totalScrollRange) { // collapse
} else if (verticalOffset == 0) { // fully expand
} else { // scolling
}
})
appBarLayout.totalScrollRange is not always equal to verticalOffset in some case, better check verticalOffset larger than totoalScrollRange
appBarLayout.addOnOffsetChangedListener(new AppBarLayout.OnOffsetChangedListener()
{
@Override
public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset)
{
if (Math.abs(verticalOffset)-appBarLayout.getTotalScrollRange() == 0)
{
// on Collapse
}
else
{
// on expand
}
}
});