title: Design a HorizontalScrollView inside of ViewPager or use fragments:
body: <p>I need to design the following screen, and I need your advice:</p>
  
  <p><img src="https://i.stack.imgur.com/jj46i.png" alt="enter image description here"></p>
  
  <p><strong>Explanation:</strong></p>
  
  <p>The title is static/fixed and I don't need to do anything with it.</p>
  
  <p><strong>Yellow:</strong> this is the interesting part, I need to design a <code>ViewPager</code> like screen that has the capability to scroll left/right for Max 4 screens.</p>
  
  <p><strong>Red:</strong> In every screen I need to add a Table/Grid that can be scrollable as well if it's not fits screen size.</p>
  
  <p><strong>Green:</strong> The page switching can be done using the green buttons in the bottom of the screen or by scrolling the <code>ViewPager</code>.</p>
  
  <p><strong>The Question Is:</strong> Can this behavior be achieve using a <code>ViewPager</code> or should I use <code>Fragments</code>? If Fragment is the way to go, then how would I implement the page switching using the sliding gesture? if it's a <code>ViewPager</code> then how to add the inside scrolling and how to control it using the buttons at the bottom?</p>
  
  <p>Any help would be appreciated, Thanks.</p>