ConcealerNestedScrollView

ConcealerNestedScrollView & ConcealerRecyclerView

A library to make views hide from top and bottom while scrolling a custom NestedScrollView and\or a custom RecyclerView.

Changelog

V 2.0.0

• ConcealerNSV now has the ability to auto hide header and footer views

  cnsv.setHeaderAutoHide(true); // true by default

• You can set how fast the views would auto hide

  cnsv.setHeaderAutoHideSpeed(300); // in milliseconds

• You can set how much of the view would be hidden so it would auto hide

  cnsv.setHeaderPercentageToHide(50); // 40 by default

• You can make the views concealable or not, and also visible or not

  // parameters are (boolean viewConcealable, boolean shouldViewBeVisible)
  cnsv.setHeaderConcealable(false, true);

• All methods above apply to footerView as well.

• Added ConcealerRecyclerView

  • Usage is the same as ConcealerNestedScrollView

  • Every method that works on CNSV, also works on CRV

• KNOWN ISSUES

  If the starting touch position is iniatiated on a clickable view inside CNSV and CRV, both classes will be unable to detect the touch (MotionEvent.ACTION_DOWN and MotionEvent.ACTION_UP), so they wouldn't be able to do auto hiding the moment the finger is lifted off the screen, and so they will do it 70 milliseconds after the last call on onScrollChanged. Pull requests are welcome.

Usage

Gradle

implementation 'com.simmorsal.library:concealer_nested_scroll_view:2.0.0'

XML

Starting with your XML layout, it should look like this:

A parent RelativeLayout or FrameLayout that inside it is the ConcealerNestedScrollView on top, and two views (or one) as header and footer below it.

IMPORTANT: DO NOT give margin_top to header view, or margin_bottom to footer view. We'll do that in Java.

Click here to see a XML sample.

JAVA

In your java first get a reference to the ConcealerNestedScrollView widget. (also get a reference to the header and footer views as well).

    ConcealerNestedScrollView cnsv = findViewById(R.id.cnsv);

Then you should pass the headerView and footerView (and margin top for header and margin bottom for footer views) to the cnsv object.

To pass these views, you should make sure that they are completely drawn on the screen, so the library would be able to get their sizes.

In order to do so, in your onCreate call .post() on header and footer views:

    headerView.post(new Runnable() {
        @Override
        public void run() {
            // parameters are (View headerView, int marginTop)
            cnsv.setHeaderView(headerView, 15);
        }
    });
    footerView.post(new Runnable() {
        @Override
        public void run() {
            // parameters are (View footerView, int marginBottom)
            cnsv.setFooterView(footerView, 0);
        }
    });

IMPORTANT NOTES:

• if you dont want to set header and footer views from inside the onCreate, or you are sure when you want to pass header or footer views, they are drawn on the screen, dont call .post() on the views, and directly pass the views.

• if on runtime your headerView height size changes (either by directly changing it's size, or setting a view inside it to VISIBLE that causes the view's height size to change), make sure to call cnsv.resetHeaderHeight(); immediately after the code for resizing has been run. Likewise for the footerView, call cnsv.resetFooterHeight();.

• You can make the views hide twice as fast if the cnsv has been scrolled more than the view's heights, by calling cnsv.setHeaderFastHide(true); and/or cnsv.setFooterFastHide(true);.

License

None. Do with it what you will.