ExpectAnim | Describe your animation and run | Animation library

Update Answer

Thanks to @Fogmeister

Frist I make two StackViews one hold namelable and profileImage

and bigStackView hold first stackView and followButton

constraints like this

BigStackView:

the reason why I add 20 points on left and right because if I make it 0 the follow button will be close to edge of screen!

StackView: you don't need to add constraint on this stackView

profileImage:

NameLable:

FollowImage:

and then I make both of them equal spacing with 5 spacing when scrolling down

but when scrolling up the spacing of StackView will be 15 so the profile image will be far of nameLable (this is the reason why I add two stackViews so I can control spacing)

and also add hight constraint to stackView with 160 point and change it to 100 point when scrolling up

the code will become like this

When the fling has stopped or the user stops manually, the recycler should scroll to one item (mimicing a viewPager a bit)

• Use the official LinearSnapHelper which snaps center of child view to center of RecyclerView.
• Use a GravitySnapHelper library which can also snap to start of or end of RecyclerView, just like Google Play store does.

Both of these solutions are applied similarly: