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中，它是基於AppCompatActivity的非常直接的Activity ，它初始化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

我究竟做錯了什么？

我試過了：

• 從ScrollView刪除fillViewport
• 完全刪除ScrollView
• 將固定高度設置為ViewPager （並刪除layout_height ）

沒有什么變化。

Answer 1

從ScrollView的子項中刪除layout_gravity可以解決問題。