I’ve been trying to create a layout like this:
Now I’m not asking for you to do this but could someone at least tell me what should the scheme be (in other words, how should I stack the layouts)?
e.g:
<LinearLayout android:orientation="vertical">
<ViewFlipper>
<LinearLayout>
....All the stuff within the ViewFlipper area...
</LinearLayout>
</ViewFlipper>
<LinearLayout android:orientation="horizontal">
<Button id="@+id/btnPrevious"/>
<HorizontalScrollView >
<Button id="@+id/page1"/>
<Button id="@+id/page2"/>
<Button id="@+id/page3"/>
<Button id="@+id/page4"/>
<Button id="@+id/page5"/>
<Button id="@+id/page6"/>
</HorizontalScrollView>
<Button id="@+id/btnNext"/>
</LinearLayout>
</LinearLayout>
The biggest problem is that I have no clue about how to format the views inside the ViewFlipper to look like the sample image in this link:

A RelativeLayout is the way to go, but on screens with different resolutions, it might not appear the way you want. With a RelativeLayout, you can align edges to other views, which looks like what you need/want.
Google put together a good guide for targeting multiple screens.
Targeting Multiple Screens
The ViewFlipper can be positioned like any other view you have listed here, with one warning, you want to make sure all the views added to the ViewFlipper fit in the space provided.
A good tutorial for using the ViewFlipper can be found here.