【问题标题】:How to add footer buttons in NavigationView如何在 NavigationView 中添加页脚按钮
【发布时间】:2015-10-21 23:13:07
【问题描述】:

我正在关注"Android design library NavigationView with footer" 的帖子,在 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>

结果如下:

我该如何解决这个问题?

【问题讨论】:

  • 那个博客已经有几个月的历史了,设计支持库在那段时间有一些更新。特别是 NavigationView 现在在内部使用 RecyclerView 而不是 ListView。这个技巧可能不再起作用了。尝试使用旧版本的库,看看是否有任何改变。
  • @Brucelet,你知道另一种解决方案吗?
  • 确认,在 23.0.1 这个技巧有效,在 23.1 无效
  • 有这方面的消息吗?我还需要一个支持 NavigationView 的固定页脚!
  • 我在这里用简单的例子回答了这个问题stackoverflow.com/a/38476562/5817706

标签: android drawerlayout navigationview


【解决方案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>

【讨论】:

  • 按钮隐藏导航项
  • 向上滚动查看
  • 当列表项落后于该视图时,滚动不会显示它。这不是一个选项
【解决方案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>

希望这会有所帮助:)

【讨论】:

  • 您需要将app:elevation=0dp 设置为内部 NavigationViews 否则页脚将具有奇怪的渐变背景。除非有办法消除页脚的滚动效果,否则我坚持在页脚中使用简单的 TextView。不过,这是一个很好的解决方案。
猜你喜欢
  • 2022-01-22
  • 2013-12-19
  • 1970-01-01
  • 1970-01-01
  • 2013-05-29
  • 2020-05-03
  • 2015-08-13
  • 2022-11-17
  • 1970-01-01
相关资源
最近更新 更多