如何在可滚动活动中添加标签视图，如图所示？

Question

如链接中所示 https://dribbble.com/shots/2339508-Dark-Profile-Screen

当我尝试将视图寻呼机放下活动时，它不会保留片段。 仅显示tablayout。我已经尝试将viewpager保留在nestedScrollableView之外，并且保持嵌套的scrollableview静态片段内的片段内容不会在活动内部滚动。提前感谢。

   `<android.support.v4.widget.NestedScrollView
    android:id="@+id/myScrollingContent"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <RelativeLayout android:layout_height="match_parent"
        android:layout_width="match_parent">

        <com.github.florent37.diagonallayout.DiagonalLayout
            android:layout_width="match_parent"
            android:layout_height="350dp"
            android:elevation="0dp"
            app:diagonal_angle="35"
            app:diagonal_position="bottom"
            app:diagonal_direction="left">

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:id="@+id/coverImage"
                android:scaleType="centerCrop"
                android:src="@drawable/kygo" />

        </com.github.florent37.diagonallayout.DiagonalLayout>

        <com.mikhaellopez.circularimageview.CircularImageView
            android:id="@+id/thumbnailview"
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:layout_marginTop="180dp"
            android:layout_centerHorizontal="true"
            android:src="@drawable/kygo"
            android:elevation="5dp"
            app:civ_border_color="#ffffff"
            app:civ_border_width="5dp"
           />

        <LinearLayout
            android:layout_height="60dp"
            android:layout_width="match_parent"
            android:layout_alignLeft="@+id/thumbnailview"
            android:layout_marginLeft="90dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="190dp"
            android:orientation="vertical">

            <TextView android:layout_height="match_parent"
                android:layout_width="match_parent"
                android:layout_marginRight="5dp"
                android:layout_marginLeft="5dp"
                android:fontFamily="sans-serif-condensed"
                android:layout_marginTop="20dp"
                android:layout_marginBottom="5dp"
                android:textStyle="bold"
                android:text="ALAN WALKER"/>
        </LinearLayout>

        <LinearLayout
            android:layout_height="70dp"
            android:layout_width="match_parent"
            android:layout_alignTop="@+id/thumbnailview"
            android:layout_alignLeft="@+id/thumbnailview"
            android:layout_marginRight="10dp"
            android:weightSum="9"
            android:layout_marginTop="80dp"
            android:orientation="horizontal">

            <LinearLayout
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginTop="20dp"
                android:layout_below="@+id/diagonalLayout"
                android:layout_weight="3"
                android:orientation="vertical">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="45"
                    android:textStyle="bold"
                    android:textColor="#3E3E3E"
                    android:fontFamily="sans-serif-condensed"
                    android:layout_marginLeft="10dp"
                    android:textSize="20sp"
                    android:id="@+id/textView"
                    />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Videos"
                    android:textColor="#3E3E3E"
                    android:fontFamily="sans-serif-condensed"
                    android:layout_marginLeft="10dp"
                    android:textSize="14sp"/>

            </LinearLayout>

            <LinearLayout
                android:layout_width="0dp"
                android:layout_marginTop="20dp"
                android:layout_height="wrap_content"
                android:layout_below="@+id/diagonalLayout"
                android:layout_weight="3"
                android:orientation="vertical">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="12"
                    android:textStyle="bold"
                    android:textColor="#3E3E3E"
                    android:fontFamily="sans-serif-condensed"
                    android:layout_marginLeft="10dp"
                    android:textSize="20sp"/>

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Views"
                    android:textColor="#3E3E3E"
                    android:fontFamily="sans-serif-condensed"
                    android:layout_marginLeft="10dp"
                    android:textSize="14sp"/>


            </LinearLayout>

                        </LinearLayout>
        <android.support.design.widget.TabLayout
            android:id="@+id/tabs"
            android:layout_width="match_parent"
            android:layout_below="@+id/buttons"
            android:layout_height="wrap_content"
            app:tabMode="fixed"
            app:tabGravity="fill"/>

        <android.support.v4.view.ViewPager
            android:id="@+id/viewpager"
            android:layout_below="@+id/tabs"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_behavior="@string/appbar_scrolling_view_behavior" />
    </RelativeLayout>
</android.support.v4.widget.NestedScrollView>`