如何在NavigationView中添加底部按钮

Question

我正在按照这篇文章 "Android设计库NavigationView带页脚" 的指引，在NavigationView底部添加按钮。问题是只有最后一个NavigationView出现了，它占据了整个屏幕高度。

这是我的布局：

<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- Activity here -->

    <android.support.design.widget.NavigationView
        android:id="@+id/navigation_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start">

        <android.support.design.widget.NavigationView
            android:id="@+id/navigation_menu_view"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="top"
            app:menu="@menu/menu_drawer"/>

        <android.support.design.widget.NavigationView
            android:id="@+id/navigation_footer_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            app:menu="@menu/menu_drawer_footer"/>

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

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

这是结果：

我该如何修复这个问题？

- Sandro Simas

---

那个博客已经发布几个月了，而在这段时间内设计支持库也进行了一些更新。特别是NavigationView现在在内部使用RecyclerView而不是ListView。有可能这个技巧已经不再适用了。尝试使用旧版本的库来测试一下，看看是否会有所改变。 - RussHWolf

@Brucelet，你知道另一个解决方案吗？ - Sandro Simas

确认，在23.0.1版本中这个技巧有效，在23.1版本中无效。 - Alex Sorokoletov

有关此事有任何消息吗？我还需要一个带有NavigationView支持的固定页脚！ - chrisonline

我在这里用一个简单的例子回答了这个问题：https://dev59.com/o10a5IYBdhLWcg3wRGrp#38476562 - Mohammed Fadhl

Answer 1

最简单的方法是在Drawer布局内添加一个按钮，并将其重力设置为navigationview.xml中的底部。

就这么简单！以下是代码。

<android.support.design.widget.NavigationView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/navigation"
    android:layout_width="200dp"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    app:headerLayout="@layout/navigation_header"
    app:menu="@menu/menu_navigation"
    android:layout_alignParentTop="true">

   <Button
        android:id="@+id/btn_sing_in"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:text="@string/sign_in"
        android:layout_gravity="bottom"
       />
</android.support.design.widget.NavigationView>

- Mohammed Fadhl

---

按钮隐藏了导航项。 - Andrain

请向上滚动以查看已翻译的文本。 - Mohammed Fadhl

滚动时，当列表项落在视图后面时，它不会显示出来。这不是一个选项。 - RedDeath

Answer 2

根据您想要在顶部和底部显示多少项目，可能需要添加或微调权重和边距，但这应该是您想要的内容。

<android.support.design.widget.NavigationView
    android:id="@+id/navigation_drawer_container"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_gravity="start">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:weightSum="10">

    <android.support.design.widget.NavigationView
        android:id="@+id/navigation_drawer"
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:layout_gravity="top"
        android:layout_weight="8"
        app:menu="@menu/drawer" />

    <android.support.design.widget.NavigationView
        android:id="@+id/navigation_drawer_bottom"
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:layout_weight="2"
        android:layout_gravity="bottom"
        app:menu="@menu/drawer_footer"  />
    </LinearLayout>
</android.support.design.widget.NavigationView>

希望这有所帮助 :)

- devchimp

---

你需要在内部的NavigationView中设置app:elevation=0dp，否则页脚将会有奇怪的渐变背景。除非有方法可以移除页脚的滚动效果，否则我会使用简单的TextView来代替。但这是一个好的解决方案。 - headsvk