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 基于 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 后面并且滚动很奇怪（它 "hides" 在按钮后面）。在视频中查看：

https://youtu.be/Xd6xwmGW3Qc

我做错了什么？

我试过了：

正在从 ScrollView

fillViewport

完全删除 ScrollView
将固定高度设置为 ViewPager（并删除 layout_height）

并没有太大变化。

Answer 1

从 ScrollView 的 child 中删除 layout_gravity 解决了这个问题。

ViewPager 中的 ScrollView 定位不正确

ScrollView in ViewPager doesn't position correctly

android

android-scrollview

android-viewpager