ViewPager中的ScrollView无法正确定位

Question

我想重新创建这个教程流程：

所以我有以下主要布局：

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.v4.view.ViewPager
        android:id="@+id/tutorial_pager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="@dimen/tutorial_pairing_padding">

        <Button
            android:id="@+id/left"
            style="@style/TutorialButtonOutline"
            android:layout_width="100sp"
            android:layout_height="wrap_content"
            android:layout_margin="0dp"
            android:text="@string/skip"/>

        <com.viewpagerindicator.CirclePageIndicator
            android:id="@+id/tutorial_indicator"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_weight="1"/>

        <Button
            android:id="@+id/right"
            style="@style/TutorialButton"
            android:layout_width="100sp"
            android:layout_height="wrap_content"
            android:layout_margin="0dp"
            android:text="@string/next"/>
    </LinearLayout>

</LinearLayout>

在java中，基于Activity的{​​{1}}非常简单AppCompatActivity，它初始化ViewPager并设置FragmentPagerAdapter。 FragmentPagerAdapter适配器如下所示：

class TutorialMonitoringPageAdapter extends FragmentPagerAdapter {

    TutorialMonitoringPageAdapter(final FragmentManager fm) {
        super(fm);
    }

    @Override
    public Fragment getItem(final int position) {
        switch (position) {
            case 0:
                return new FragmentTutorialMonitoring1();
            case 1:
                return new FragmentTutorialMonitoring2();
            case 2:
                return new FragmentTutorialMonitoring3();
            default:
                return null;
        }
    }

    @Override
    public int getCount() {
        return 3;
    }
}

FragmentTutorialMonitoringN类只会夸大以下布局：

<ScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fillViewport="true">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:gravity="center"
        android:orientation="vertical"
        android:paddingLeft="@dimen/tutorial_pairing_padding"
        android:paddingRight="@dimen/tutorial_pairing_padding">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="@string/monit_tutor_first_title"
            android:textAppearance="@style/Base.TextAppearance.AppCompat.Large"/>

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:srcCompat="@drawable/child_monitoring1"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="@string/monit_tutor_first_text"
            android:textAppearance="@style/Base.TextAppearance.AppCompat.Medium"/>

    </LinearLayout>

</ScrollView>

但是当我启动应用程序时，最顶层的文本隐藏在ActionBar后面，滚动很奇怪（它隐藏在按钮后面）。在视频中看到它：

https://youtu.be/Xd6xwmGW3Qc

我做错了什么？

我试过了：

• 从fillViewport
中移除ScrollView
• 完全删除ScrollView
• 将固定高度设置为ViewPager（并移除layout_height）

没有太大变化。

Answer 1

从layout_gravity的孩子中删除ScrollView可以解决问题。