Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Scroll to Collapse View without Toolbar

I'm making a layout similar to recent android's status bar.

enter image description here

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.

enter image description here

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.

like image 895
CBeTJlu4ok Avatar asked Dec 06 '17 10:12

CBeTJlu4ok


1 Answers

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:

  1. Reduce some tiresome calculations and logic in your code if possible.
  2. Use the 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.
like image 50
Xenolion Avatar answered Sep 22 '22 02:09

Xenolion