Я пытаюсь создать вступление к своему приложению AndroidX с помощью ViewPager и фрагментов (аналогично этому Учебное пособие по вводному слайдеру ) и столкнулось с проблемой макета.
У меня естьФрагмент, в котором я хочу, чтобы содержимое было по центру.Я добавил ScrollView в качестве корневого элемента фрагмента на случай, если содержимое слишком длинное, чтобы поместиться на экране.
Если содержимое не слишком длинное, оно идеально отцентрировано и ничего не вырезаноoff:
центрирование работает
Если они слишком длинны , верхняя часть содержимого обрезается, а некоторое нижнее пространство добавляется к нижней части (кажется, что это в точности высота того, что было вырезано сверху):
слишком длинное содержимое, заголовок обрезано
длинное содержимое, дополнительное пространство внизу
Макет фрагмента
<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/content"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/colorPrimary"
android:paddingLeft="8dp"
android:paddingRight="8dp"
android:scrollbars="vertical">
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/web_view_fragment_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center_vertical">
<TextView
android:id="@+id/web_view_title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/colorPrimaryDark"
android:lineSpacingMultiplier="1.2"
android:text="Title"
android:textAlignment="center"
android:textColor="@android:color/white"
android:textSize="24sp"
android:textStyle="bold"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent" />
<WebView
android:id="@+id/web_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/web_view_title" />
<TextView
android:id="@+id/web_view_text"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/design_default_color_on_secondary"
android:lineSpacingMultiplier="1.2"
android:padding="0dp"
android:text="Description"
android:textAlignment="center"
android:textColor="@android:color/white"
android:textSize="18sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/web_view" />
</androidx.constraintlayout.widget.ConstraintLayout>
</ScrollView>
Обратите внимание: Android Studio отображает предупреждение для ScrollView:
Проверка размера ScrollView
Этот androidx.constraintlayout.widget.ConstraintLayout должен использовать android: layout_height = "wrap_content"
Дочерние элементы ScrollView должны устанавливать свои атрибуты layout_width или layout_height для wrap_content, а не fill_parent или match_pareв измерении прокрутки
идентификатор проблемы: ScrollViewSize
Однако изменение layout_height ScrollView на wrap_content не Исправьте проблему и вместо предупреждения отображается ошибка:
Веб-просмотры в родительских элементах wrap_content
Размещение родительского элемента, использующего wrap_content layout_height, может привестидля тонких ошибок;вместо этого используйте match_parent
Реализация WebView имеет определенные оптимизации производительности, которые не будут работать правильно, если родительское представление использует wrap_content, а не match_parent.Это может привести к незначительным ошибкам пользовательского интерфейса.
Идентификатор проблемы: WebViewLayout
Макет активности с ViewPager
<?xml version="1.0" encoding="utf-8"?>
<!-- intro_activity -->
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/intro_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/blueGray700">
<androidx.viewpager.widget.ViewPager xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/pager"
android:layout_width="match_parent"
android:layout_height="0dp"
app:layout_constraintBottom_toTopOf="@id/divider"
app:layout_constraintEnd_toStartOf="@id/divider"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_chainStyle="spread_inside" />
<View
android:id="@+id/divider"
android:layout_width="0dp"
android:layout_height="1dp"
android:background="?android:attr/listDivider"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@+id/intro_tab_layout" />
<com.google.android.material.tabs.TabLayout
android:id="@+id/intro_tab_layout"
android:layout_width="0dp"
android:layout_height="wrap_content"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/intro_continue_button"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintStart_toEndOf="@+id/intro_skip_button"
app:layout_constraintTop_toBottomOf="@+id/pager"
app:tabBackground="@drawable/tab_selector"
app:tabGravity="center"
app:tabIndicatorHeight="0dp"
app:tabMaxWidth="16dp" />
<Button
android:id="@+id/intro_skip_button"
style="@style/Widget.AppCompat.Button.Borderless"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="5dp"
android:text="@string/intro_skip_button"
android:textColor="@android:color/white"
android:onClick="finishTutorial"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/pager" />
<Button
android:id="@+id/intro_continue_button"
style="@style/Widget.AppCompat.Button.Borderless"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="nextFragment"
android:padding="5dp"
android:text="@string/intro_continue_button"
android:textColor="@android:color/white"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="@+id/pager"
app:layout_constraintTop_toBottomOf="@+id/pager" />
</androidx.constraintlayout.widget.ConstraintLayout>
Очевидно, что что-то не так с моими макетамино я не могу понять, в чем проблема.Любая помощь будет принята с благодарностью!
То, что я обнаружил до сих пор:
- Заполнение TextViews не является проблемой.
- Если я удаляю android: layout_gravity = "center_vertical" из ConstraintLayout, то ничего не обрезается.Но тогда мое содержание явно не центрировано (что я хочу по эстетическим соображениям).