静态框架Android中的ViewPager

Question

我正在尝试为我的应用程序创建一个启动屏幕，其中ViewPager像下面的Gif一样位于Phone Frame内。 它来自名为 Happn 的应用。

我尝试在如下所示的FrameLayout中添加电话框架样机和Viewpager：

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="7">

    <android.support.v4.view.ViewPager
        android:id="@+id/splash_phonescreens_viewpager"
        android:layout_width="@dimen/viewPagerWidth" //214dp
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="@dimen/viewPagerMarginTop"> //40dp

    </android.support.v4.view.ViewPager>

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:adjustViewBounds="true"
        android:src="@drawable/img_splash_phone_white_opacity" />

</FrameLayout>

好吧，当要在不同尺寸的屏幕上渲染时，会出现问题。帧和寻呼机将无法跟上预期。

有人可以为我指出实现此目标的正确方向，还是可以请一些第三方图书馆来完成此工作。

我什至不确定上面的文本是相同还是不同的ViewPager的一部分。