КоординаторLayout перекрывается

Посмотрите на следующий макет. Вы увидите, что плавающая кнопка слишком далеко внизу. Это связано с тем, что отображаются панель инструментов и вкладки, а высота ViewPager неверна. Так что как-то я делаю что-то не так с layout_height. Но как я могу это исправить?

Примечание. ViewPager является основным контентом и содержит фрагмент с ListView и Google Map V2 на второй вкладке.

Слишком низкая плавающая кнопка

Это формат XML:

<?xml version="1.0" encoding="utf-8"?> <android.support.design.widget.CoordinatorLayout 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.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" app:layout_scrollFlags="scroll|enterAlways" /> <android.support.design.widget.TabLayout android:id="@+id/sliding_tabs" android:layout_width="match_parent" android:layout_height="wrap_content"/> </android.support.design.widget.AppBarLayout> <android.support.v4.view.ViewPager android:id="@+id/pager_list_views" app:layout_behavior="@string/appbar_scrolling_view_behavior" android:layout_width="match_parent" android:layout_height="fill_parent"> </android.support.v4.view.ViewPager> </android.support.design.widget.CoordinatorLayout> 

Вот макет для фрагмента на первой вкладке (список):

 <?xml version="1.0" encoding="utf-8"?> <android.support.design.widget.CoordinatorLayout 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"> <ListView android:id="@+id/preview_list" app:layout_behavior="@string/appbar_scrolling_view_behavior" android:layout_width="match_parent" android:layout_height="match_parent" android:choiceMode="singleChoice" android:orientation="vertical" /> <android.support.design.widget.FloatingActionButton android:id="@+id/action_add" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="end|bottom" android:layout_margin="16dp" android:src="@mipmap/ic_add_white_48dp" /> </android.support.design.widget.CoordinatorLayout> 

Просто чтобы убедиться; Это не проблема с FAB. Смотрите это изображение. Это аналогичный макет. КоординаторLayout с ToolBar и ViewPager, который просматривает все детализированные записи (поэтому нет вкладок). И снова внутренний вид кажется слишком длинным (такая же высота, как и ToolBar).

Введите описание изображения здесь

  1. Вы должны использовать android.support.v7.widget.RecyclerView, а не ListView
  2. Хотя вы уже используете android.support.v7.widget.RecyclerView на 100% уверены, что у вас есть compile 'com.android.support:recyclerview-v7:23.0.0' в ваших зависимостях build.gradle. Я столкнулся с той же проблемой, когда viewpager перекрывает системные кнопки. Я исправил это, просто добавив эту зависимость.

Все, что вам нужно, чтобы «координировать», должно быть прямым дочерним элементом CoordinatorLayout , включая AppBar , RecyclerView (ListView в API21 + или другое представление поддерживает вложенную прокрутку в порядке) или FAB и т. Д.

Причина, по которой ваш FAB смещен вне экрана, заключается в следующем:

  1. ViewPager имеет @string/appbar_scrolling_view_behavior , реализация этого поведения будет @string/appbar_scrolling_view_behavior представление при прокрутке.
  2. Вы ставите FAB внутри ViewPager .

Поэтому, когда смещение ViewPager изменилось, все, что внутри ViewPager будет ViewPager вместе (дополнительный CoordinatorLayout не поможет изменить смещение).

Чтобы исправить это, не используйте CoordinatorLayout вне ViewPager .

Или:

  1. ViewPager ваш FAB из ViewPager чтобы он не прокручивался вместе с ViewPager .
  2. Если FAB работает только с вашей страницей, hide() когда это необходимо.

BTW, есть очень хорошее приложение, образец Cheesesquare , для демонстрации библиотеки дизайна.