I need to design the following screen, and I need your advice:

enter image description here

Explanation:

The title is static/fixed and I don't need to do anything with it.

Yellow: this is the interesting part, I need to design a ViewPager like screen that has the capability to scroll left/right for Max 4 screens.

Red: In every screen I need to add a Table/Grid that can be scrollable as well if it's not fits screen size.

Green: The page switching can be done using the green buttons in the bottom of the screen or by scrolling the ViewPager.

The Question Is: Can this behavior be achieve using a ViewPager or should I use Fragments? If Fragment is the way to go, then how would I implement the page switching using the sliding gesture? if it's a ViewPager then how to add the inside scrolling and how to control it using the buttons at the bottom?

Any help would be appreciated, Thanks.

Edit
Report