Компоновка фрагмента слишком высока с TabLayout + AppBarLayout - PullRequest
Новая
       71

Компоновка фрагмента слишком высока с TabLayout + AppBarLayout

0 голосов
/ 10 января 2019

Я боролся с этим часами в поисках решения на Google и StackOverflow. Я подумал, что это какая-то тривиальная ошибка в моем приложении, но в итоге сделал пустой проект и может воспроизвести это тоже. Просто запустите новый проект и выберите «Действия с вкладками» со стилем навигации «Вкладки панели действий (с ViewPager)

Затем попробуйте поместить любой виджет внизу макета фрагмента. Я сделал это, изменив фрагмент_основной.xml и добавив: 

android:layout_height="match_parent"
android:gravity="bottom"
android:textAlignment="center"

Итак, весь макет: 

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.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/constraintLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity$PlaceholderFragment">

    <TextView
        android:id="@+id/section_label"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="@dimen/activity_vertical_margin"
        android:gravity="bottom"
        android:text="aaaaaaa"
        android:textAlignment="center"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="@+id/constraintLayout"
        tools:layout_constraintLeft_creator="1"
        tools:layout_constraintTop_creator="1" />

</android.support.constraint.ConstraintLayout>

В режиме конструктора все выглядит нормально: enter image description here

Но когда вы запускаете приложение:

enter image description here

Вы увидите текст, только когда вы проведете пальцем по панели действий, чтобы скрыть его:

enter image description here

Так что невозможно установить виджет в нижней части фрагмента вкладки или даже сопоставить какой-либо список / изображение с высотой родительского элемента, потому что нижний край всегда будет находиться под панелью навигации.

Обходной путь, который я нашел здесь: ViewPager с панелью инструментов и TabLayout имеет неправильную высоту

Сначала нужно поместить AppBarLayout и ViewPager между LinearLayout, но затем я теряю функциональность скрытой панели действий при прокрутке содержимого ViewPager. Во-вторых, добавьте android:paddingBottom="?attr/actionBarSize" в ViewPager, но при скрытии панели действий появляется пробел. Серьезно, для этого нет решения?

1 Ответ

0 голосов
/ 11 января 2019

Я думаю, что это ожидаемое поведение, поскольку панель ActionBar скрывается при прокрутке вверх. В режиме дизайна текст может быть показан, потому что он не отображает TabLayout. Тем не менее, когда вы запускаете приложение, оно раздувает TabLayout, и фрагмент будет идти под ним. Так что это не значит, что фрагмент расширяется или дает неправильную высоту.

Представьте себе, что ImageView размещается с соответствующей высотой видимого поля (снизу от TabLayout, справа над меню навигации). Когда вы скрываете панель действий оттуда, в нижней части экрана будет пропасть, так как нет содержимого, чтобы заполнить пространство скрытой панели действий, если только вы не растянете ImageView при прокрутке вверх, что приведет к растянутому растянутому изображению: /

Одно из возможных решений, которое я могу придумать, заключается в том, что если вы хотите добавить вид в нижней части фрагмента, я задам для панели действий отступ, а когда я прокручиваю экран, я отрегулирую отступ в зависимости от смещение прокрутки, чтобы я всегда мог быть внизу.

...