it-swarm.com.ru

Часть фрагмента внутри ViewPager обрезается внизу экрана (Android)

Я определил базовую схему координат для моего представления:

<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"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

        <Android.support.design.widget.TabLayout
            Android:id="@+id/tabs"
            Android:layout_width="match_parent"
            Android:layout_height="wrap_content"
            app:tabIndicatorColor="@color/white"
            app:tabMode="fixed"/>
    </Android.support.design.widget.AppBarLayout>

    <Android.support.v4.view.ViewPager
        Android:id="@+id/viewpager"
        Android:layout_width="match_parent"
        Android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

</Android.support.design.widget.CoordinatorLayout>

В моем окне просмотра есть несколько вкладок. Я публикую один из моих простых фрагментов:

<ListView
    Android:id="@+id/transferList"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"></ListView>

<Android.support.design.widget.FloatingActionButton
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    Android:layout_alignParentBottom="true"
    Android:layout_marginBottom="@dimen/activity_vertical_margin"
    Android:layout_marginRight="@dimen/activity_horizontal_margin"
    Android:layout_alignParentRight="true"
    Android:src="@drawable/ic_add_white" />

Что происходит, так это то, что FAB выходит из экрана. Это просто не FAB, но другие фрагменты с просмотрами карт/списками обрезаются внизу экрана. Я искал решение и нашел хакерское решение: Удаление свойства app: layout_scrollFlags = "scroll | enterAlways" с панели инструментов

Я не могу понять, что может быть причиной этого, и как устранение вышеуказанного решило проблему. Это какая-то ошибка в библиотеке поддержки? Есть ли лучший способ решить эту проблему? Другое решение, с которым я столкнулся, заключается в том, чтобы здесь - держать кнопку FAB непосредственно под макетом Координатора в упражнении и делать ее видимой только в нужном фрагменте. Не показалось мне хорошим решением. Кроме того, другие взгляды в моих фрагментах также были отрезаны.

22
shiladitya

Это потому, что вы используете CoordinatorLayout с ListView. Вы можете изменить свою реализацию на RecyclerView для достижения правильной прокрутки.

проверьте мой ответ здесь . Это может помочь вам.

1
sha

Я исправил эту проблему, изменив атрибут app:layout_scrollFlags="scroll|enterAlways" панели инструментов на просто app:layout_scrollFlags="enterAlways".

24
ban-geoengineering

У меня есть макет, похожий на ваш: активность с панелью инструментов, уходящей сверху и вкладками. И требование к фрагментам - иметь собственные независимые FAB.

Я не мог справиться с этим непосредственно в XML, поэтому я прибил это так:

Макет деятельности

<Android.support.design.widget.CoordinatorLayout  xmlns:Android="http://schemas.Android.com/apk/res/Android"
xmlns:app="http://schemas.Android.com/apk/res-auto"
Android:id="@+id/main_content"
Android:layout_width="match_parent"
Android:layout_height="match_parent"
Android:fitsSystemWindows="true">

<Android.support.design.widget.AppBarLayout
    Android:id="@+id/appbar"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    Android:fitsSystemWindows="true"
    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:layout_marginBottom="20dp"
        Android:background="?attr/colorPrimary"
        app:layout_scrollFlags="scroll|enterAlways|snap"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

    <Android.support.design.widget.TabLayout
        Android:id="@+id/tabs"
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content"
        app:tabContentStart="72dp"
        app:tabMode="scrollable" />

</Android.support.design.widget.AppBarLayout>

<Android.support.v4.view.ViewPager
    Android:id="@+id/viewpager"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />

Макет фрагмента:

<FrameLayout 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:layout_width="match_parent"
Android:layout_height="match_parent">

<include
    Android:id="@+id/scroll"
    layout="@layout/content_activity_main"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />

<Android.support.design.widget.FloatingActionButton
    Android:id="@+id/fab"
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    Android:layout_gravity="bottom|right|end"
    Android:src="@Android:drawable/ic_input_add"
    app:borderWidth="0dp"
    app:fabSize="mini"

    app:useCompatPadding="true" />

И немного кода, чтобы заставить FAB оставаться там, где он и должен был быть Фрагмент onCreateView:

public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        final View rootView = inflater.inflate(R.layout.fragment_tabs2, container, false);
        final FloatingActionButton fab = (FloatingActionButton) rootView.findViewById(R.id.fab);
        final TabLayout tabLayout = (TabLayout) getActivity().findViewById(R.id.tabs);
        final AppBarLayout appBarLayout = (AppBarLayout) getActivity().findViewById(R.id.appbar);
        appBarLayout.addOnOffsetChangedListener(new AppBarLayout.OnOffsetChangedListener() {

            @Override
            public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset) {
                int maxAbsOffset = appBarLayout.getMeasuredHeight() - tabLayout.getMeasuredHeight();
                fab.setTranslationY(-maxAbsOffset - verticalOffset);
            }

        });

        return rootView;
    }
4
RoK

Есть 2 решения этой проблемы:

  • Вы можете удалить scroll Панели инструментов из app:layout_scrollFlags (например, app:layout_scrollFlags="enterAlways") или удалить весь app:layout_scrollFlags
  • Если вам требуется атрибут scroll, содержимое/фрагмент основного макета должны использовать RecyclerView или NestedScrollView.

https://code.luasoftware.com/tutorials/Android/bottom-of-fragment-in-viewpager-out-of-screen/

0
Desmond Lua

Удалите прокрутку из атрибута layout_scrollFlags панели инструментов. У вас должно быть что-то вроде этого: app:layout_scrollFlags="enterAlways|enterAlwaysCollapsed"

0
hassan_codes