我想重新创建此教程流程:
所以我有以下主要布局:
<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 后面并且滚动很奇怪(它“隐藏”在按钮后面)。在视频中看到它:
我做错了什么?
我试过:
- 从
ScrollView
中移除fillViewport
- 完全删除
ScrollView
- 为
ViewPager
设置固定高度(并移除layout_height
)
并没有太大变化。
最佳答案
从 ScrollView
的子项中删除 layout_gravity
可解决此问题。
关于android - ViewPager 中的 ScrollView 定位不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37613296/