Recyclerview abgedeckt BottomNavigationView

Habe ich versucht den Google-Support-Bibliothek BottomNavigationView mit einem Framelayout für meine Fragmente .

Hier mein code

<?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"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context="com.bottombarnavigation.MainActivity">

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/AppTheme.AppBarOverlay">

  <include layout="@layout/toolbar"/>

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

<include layout="@layout/content_main" />

<android.support.design.widget.BottomNavigationView
    android:background="#fcfcfc"
    android:id="@+id/bottom_navigation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|end"
    app:menu="@menu/bottom_navigation" />

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

Wenn ich füllen meine Recyclerview innen das Fragment, dessen Inhalt bekam bei der BottomNavigationView .

Ich habe keine Ahnung, warum dies geschieht. Ich Blick durch andere Menschen Anleitung und es funktioniert gut.

BEARBEITEN
Hier ist meine content_main.xml Datei

<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout 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"
    android:background="@android:color/white"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="com.bottombarnavigation.MainActivity"
    tools:showIn="@layout/activity_main">


<FrameLayout
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"></FrameLayout>
</RelativeLayout>

Versuchen Sie, diese link. Ich denke, Attribute, app:layout_anchor und app:layout_anchorGravity verpasst werden.
ich habe es gerade ausprobiert und die Ergebnisse sind die gleichen. recyclerview Inhalt ist immer noch hinter bottomnavigationview
Haben Sie gefunden, die Antwort auf dieses problem?

InformationsquelleAutor EggRollMan | 2016-12-17

Hier meine Lösung, ist die Arbeit für mich.

Ich habe fast das gleiche layout wie du, ich zog die BottomNavigationView aus der CoordinatorLayout wie ich brauchen keine animation auf.
Ich habe ausgerichtet BottomNavigationView um die Eltern unten, und fügte hinzu layout_above zu CoordinatorLayout haben Sie es über den BottomNavigationView aber die Füllung alle auf dem Bildschirm.

Mit dieser Konfiguration habe ich Fix die überlappenden Problem, ich hoffe, dass dies Ihnen helfen würde.

Hier haben Sie mein layout.

    <RelativeLayout         
            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"
            tools:context=".ui.activities.MainActivity">

        <android.support.design.widget.CoordinatorLayout
                android:id="@+id/main_coordinator"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:fitsSystemWindows="true"
                android:layout_above="@+id/dashboard_navigation">

            <android.support.design.widget.AppBarLayout
                    android:id="@+id/main_appbar"
                    android:layout_width="match_parent"
                    android:layout_height="?attr/actionBarSize"
                    android:elevation="16dp">

                    <android.support.v7.widget.Toolbar
                        android:id="@+id/dashboard_toolbar"
                        android:layout_width="match_parent"
                        android:layout_height="?attr/actionBarSize"
                        android:background="@color/colorPrimary"/>
            </android.support.design.widget.AppBarLayout>

            <FrameLayout
                    android:id="@+id/main_frame_layout"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"/>

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

        <android.support.design.widget.BottomNavigationView
                android:id="@+id/dashboard_navigation"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_alignParentBottom="true"
                android:background="@color/colorPrimaryDark"
                app:itemTextColor="@color/colorAccent"
                app:menu="@menu/menu_main"/>
    </RelativeLayout>

Verschwendet so viel Zeit, um dieses Problem zu beheben, schließlich wie einen einfachen trick, der das problem behebt. Vielen Dank für das teilen...

InformationsquelleAutor chet

Eines der nützlichsten Funktion des CoordinatorLayout ist Blick Ausweichen.

Kind Blick auf die CoordinatorLayout zugeordnet werden können, als "insetting" eine Kante.
Jedes andere Kind anzeigen, die Sie zuweisen, wie Ausweichen, der gleichen Kante wird dann entsprechend angepasst werden.

In Ihrem Fall würden Sie etwas wie die folgende:

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/AppTheme.AppBarOverlay">

  <include layout="@layout/toolbar"/>

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

<include 
    layout="@layout/content_main"
    app:layout_dodgeInsetEdges="bottom" />   <-- Specifies this view dodges any views that inset the bottom edge

<android.support.design.widget.BottomNavigationView
    android:background="#fcfcfc"
    android:id="@+id/bottom_navigation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|end"
    app:menu="@menu/bottom_navigation"
    app:layout_insetEdge="bottom" />      <-- Specifies that this view insets the bottom edge

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

Das lösen der unteren überlappen Problem, verursacht aber top überlappung von AppBarLayout (obwohl appbar_scrolling_view_behavior verwendet wird)
die einzige richtige Lösung, sollte angenommen werden, ein
das ist es nicht. Hinzufügen app:layout_behavior="@string/hide_bottom_view_on_scroll_behavior" zu Ihrem BottomNavigationView und schauen, was passiert ))
Dies ist die eine, die ich suchte. Nebenbei: Unten ist der Standard-layout_dodgeInsetEdges von FAB-Taste, wenn Sie wollen, es zu ignorieren KEINE nicht funktioniert, so machen es TOP oder etwas anderes.

InformationsquelleAutor Sound Conception

Können Sie die RecyclerView und die BottomNavigationView in einem LinearLayout, und setzen Sie dann das LinearLayout in der CoordinatorLayout. Setzen Sie das Attribut der RecyclerView als layout_height="0dp" layout_weight="1", und das Attribut des BottomnavigationView als layout_height="wrap_content" layout_gravity="bottom".

Hier ist ein Teil von meinem code, der Wunsch, Ihnen zu helfen.

<android.support.design.widget.CoordinatorLayout
    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.support.v7.widget.Toolbar
            android:id="@+id/manager_main_toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

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

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <android.support.v4.widget.SwipeRefreshLayout
            android:id="@+id/swipe_refresh"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1">

            <android.support.v7.widget.RecyclerView
                android:id="@+id/recycler_view"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />

        </android.support.v4.widget.SwipeRefreshLayout>

        <android.support.design.widget.BottomNavigationView
            android:id="@+id/bottom_nav"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            android:background="?android:attr/windowBackground" />

    </LinearLayout>

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

Wenn app:layout_scrollFlags="scroll|enterAlways" ist für die Werkzeugleiste, wird es zu BottomNavigationView ausgeblendet werden, wenn Sie nach unten scrollen.
Dies nicht zulassen Koordinator Funktionen, die verwendet werden auf BottomNavigationView, wie ein Umzug, Snackbars sowie floating-und Aktionen-Schaltflächen über es

InformationsquelleAutor SUI

1

Legen Sie den Papierkorb veiw oder was auch immer anzuzeigen, die in der Höhe 0dp und Gewicht 1. Dadurch wird es dauern, alle verfügbaren Platz.
- Ich habe versucht, diese Methode gerade jetzt auch. Es funktioniert nicht.
- könnten Sie die content_main layout?
- bei der include-layout-line, machen Sie es 0dp und Gewicht 1. Wenn das nicht funktioniert, dann versuchen, es zu tun für das frame-layout/relative layout
InformationsquelleAutor nebuchadnezzar I

Können Sie eine ItemDecorator zu Ihrem recycler Ansicht, fügt einige padding. Ich bin mit Kotlin anstelle von Java, aber die Allgemeine Idee ist:

 recyclerView.addItemDecoration(object : RecyclerView.ItemDecoration() {
        override fun getItemOffsets(outRect: Rect?, view: View?, parent: RecyclerView?, state: RecyclerView.State?) {
            //Get the position of the view in the recycler view
            val position = parent?.getChildAdapterPosition(view)
            if (position == null || position == RecyclerView.NO_POSITION) {
                return
            }

            if (position == parent.adapter.itemCount - 1) {
                //Add padding to the last item. You should probably use a @dimen resource.
                outRect?.bottom = 200
            }
        }
    })

Schöne Lösung! Könnten Sie erklären, wie man einen Rand statt einer Polsterung, wenn es möglich ist?

InformationsquelleAutor reacuna

0

Geben einige statische Höhe in dp für BottomNavigationView statt wrap_content, weil Ihre Eltern-layout i,e Koordinator layout erstreckt sich framelayout, das seine Standard-Verhalten ist, und stellen Ihre untergeordneten Ansichten eines über dem anderen. Thats y Ihre fragment-container ist bedeckt durch botomnavigationview.
- es funktioniert auch nicht :X
- oder geben Sie die statische Höhe für die fragment-container
- oder entfernen Sie Ihre Koordinator layout ersetzen durch relative layout und den Regeln hinzufügen, um Ihre untergeordneten Ansichten, um Ihre ui
InformationsquelleAutor sohan shetty

Bewegen Sie Ihre BottomNavigationView zu content_main.xml und legen Sie Sie in RelativeLayout
Attribut hinzufügen android:layout_alignParentBottom="true" zu BottomNavigationView
Attribut hinzufügen android:layout_above="@id/bottom_navigation" zu container FrameLayout

Aktualisieren Sie Ihre layout-XML ist wie folgt:

activity_main.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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context="com.bottombarnavigation.MainActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

      <include layout="@layout/toolbar"/>
    </android.support.design.widget.AppBarLayout>

    <include layout="@layout/content_main" />

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

content_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
    android:background="@android:color/white"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="com.bottombarnavigation.MainActivity"
    tools:showIn="@layout/activity_main">

    <android.support.design.widget.BottomNavigationView
        android:id="@+id/bottom_navigation"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:background="#fcfcfc"
        app:menu="@menu/bottom_navigation" />

    <FrameLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@id/bottom_navigation" />
</RelativeLayout>

Hoffe das hilft weiter~

InformationsquelleAutor Ferdous Ahamed

-1

In die wichtigsten Inhalte, die Sie in Ihrem layout. Geben Sie dem Rand unten, um den Papierkorb anzuzeigen.
Da recycler Sicht verbergen sich hinter der unteren navigation anzeigen

InformationsquelleAutor Gaurav sappal

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.