How to have partially sticky views inside a ViewPager?

Question

I just discovered Rando app for Android today and I totally felt for the simple UI. I particularly like this sticky red button on their ViewPager:

enter image description here

I know how to make a sticky view over a ViewPager, placing it outside of the ViewPager in the same ViewGroup. But here the red button is partially sticky. When you scroll left, it's scrolling. When you go right, it keeps its position.

Apart from going the ugly way (having two ViewPagers (?!)), I have no idea how they made that. Custom view pager? maybe! Any idea?

score 1 · Accepted Answer · edited May 23 '17 at 12:13

1

I guess one idea would be to detect the page scrolling using onPageScrolled method, detect if scrolling direction is left or right, then manually update the position of the red circle accordingly.

See also: How to know viewpager is scroll left or right?

edited May 23 '17 at 12:13

Community

1
1

answered Jun 26 '13 at 08:06

Anup Cowkur

20,443
6
51
84

you're totally right, I thought of it for a few minutes and I got the answer. Thanks! – Romain Piel Jun 26 '13 at 08:08

How to have partially sticky views inside a ViewPager?

1 Answers1