Twitter profile page iOS Swift dissection (Multiple UITableViews in UIScrollView)

Question

hi... really how do they implement this? there are several tutorial for Twitter profile page. but they don\'t handle all possibilities... first... when you scroll

Answer 1

After a long long investigation that is how i achieve the twitter profile behaviour.

• UnderlayScrollView
• MasterScrollView
  • Header ViewController
  • Bottom ViewController
    • PagerTabItems [CollectionView]
    • UIPagerController or any other horizontal scroll (Parchment, XLPagerTabStrip).

UnderlayScrollView is responsible of controlling the scroll gesture. its contentoffset is used to adjust inner scroll contentOffsets. Contentsize of the underlaying scroll is same as the masterscroll's contentsize.

See the source code on github for more. click

Answer 2

I found a library, https://github.com/maxep/MXSegmentedPager Its totally works fine

Answer 3

I believe you are mostly right, except for the topmost scroll view.

In a recent app, I implemented something similar following this tutorial:

Basically, the trick is to have a class be the scrolling delegate of the bottom UITableViews, listen to the scrollViewDidScroll modifications, and modify the top inset of the UITableView and the TopView.

The structure I would use is like this:

Topview
ScrollView (horizontal scroll)
  Segmented Control
ScrollView (horizontal, paging scroll)
  UITableView
  UITableView
  UITableView
  UITableView

You are totally right in it being mind blowing. Looks so simple.