android - 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 可解决此问题。