I'm making a layout similar to recent android's status bar.
I have two Views
inside container. ViewPager
and RecyclerView
.
The default behavior should be that when I scroll RecyclerView
, I want ViewPager
to decrease in size and vice versa.
Logic:
viewPagerMaxHeight = 200;
if scrollTop
is ViewPager.height > viewPagerMaxHeight?
YES: Prevent Scroll and Decrease ViewPager size apropriatry
No: Scroll RecyclerView
if scrollBottom
did we scroll to position 0?
YES: Start increasing ViewPager size
No: Scroll RecyclerView
Few notes:
- RecyclerView
contains items of various size.
- Sometimes items are removed and added
- It is a simple RecyclerView, not
like in notifications where they collapse on each other.
I can construct most of the logic myself but I could not make a proper listener for RecyclerView
which will return direction and amount that was scrolled.
preventing RecyclerView
from scrolling is a bonus
EDIT:
I have made an example on github
v.setOnScrollChangeListener(new NestedScrollView.OnScrollChangeListener() {
@Override
public void onScrollChange(NestedScrollView v, int scrollX, int scrollY, int oldScrollX, int oldScrollY) {
Log.e("scrollY", ""+scrollY);
Log.e("oldScrollY", ""+oldScrollY);
Log.e("currentHeight", ""+currentHeight);
if(scrollY == 200) {
Log.e("==200", "JU");
} else if (scrollY < 200) {
Log.e("<200", ""+currentHeight);
if(currentHeight < fullHeight) {
Log.e("current<full", Integer.toString(deltaScroll));
deltaScroll = oldScrollY - scrollY;
currentHeight = currentHeight + deltaScroll;
if(currentHeight > fullHeight) {
currentHeight = fullHeight;
}
ku.getLayoutParams().height = currentHeight;
ku.requestLayout();
}
v.scrollTo(0, 200);
} else if (scrollY > oldScrollY) {
Log.e("Scroll DOWN", "" + Integer.toString(scrollY));
deltaScroll = scrollY - oldScrollY;
currentHeight = currentHeight - deltaScroll;
if(currentHeight > minHeight) {
ku.getLayoutParams().height = currentHeight;
ku.requestLayout();
v.scrollTo(0, 200);
} else {
currentHeight = minHeight;
ku.getLayoutParams().height = minHeight;
ku.requestLayout();
}
}
}
});
I'm setting padding for RecycleView
and scrolling NestedScrollView
to the first item so the padding is not visible. this allows me to scroll TOP even when already at the TOP.
Everything seems to work, but as you will notice scrolling is "jumpy" when scrolling slowly (won't happen if scrolled fast enough).
My guess is that is happening because NestedScrollView
itself changes height and while scrolling up for example, scroll down happens as well.
According to your current code:
Everything seems to work, but as you will notice scrolling is "jumpy" when scrolling slowly...
YES , this is because the method onScrollChange
might be called a number of times when a user scroll slowly (due to the system misinterpret that like scroll ==> stop ==> scroll ==> stop ==> scroll ==> stop ==>...
) and therefore the logic inside the method will be executed a number of times or/and altogether and since there are calculations and logic (if
and else
) this may lead to an effect in the responsiveness of the UI. This will not occur if the the user will scroll fast it will called probably once, interpreted as a single scroll.
SOLUTION:
Coordinator Layout
as a root layout instead of LinearLayout
and set some Behaviours
that your child Views
should follow inside the CoordinatorLayout
. Otherwise prepare the logic using a boolean
that will make sure that the contents of your method onSrollChange
will not be called a number of times but only once when the user finally finishes the whole slow scroll.If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With