Question

我正在使用Android应用，在此我想在将屏幕旋转到横向模式时为底部导航标签设置全宽。

activit_main.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 
    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:id="@+id/Conslayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

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

    <android.support.design.widget.BottomNavigationView
        android:id="@+id/navigation"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginEnd="0dp"
        android:layout_marginStart="0dp"

        android:animateLayoutChanges="true"
        android:layoutMode="opticalBounds"
        android:background="?android:attr/windowBackground"

        app:itemBackground="?android:attr/windowBackground"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:menu="@menu/navigation"
        app:itemIconTint="@color/color_selector"
        app:itemTextColor="@color/color_selector" />

</android.support.constraint.ConstraintLayout>

在此视图中，我想设置底部导航标签，使其与屏幕中的标签布局一样完整。

感谢。

Answer 1

我有一个适合横向模式的整个屏幕的BottomNavigationView，我认为关键是将android:background和app:itemBackground设置为相同的颜色。
这是我的BottomNavigationView，它以横向模式适合整个屏幕：

<android.support.design.widget.BottomNavigationView
    android:id="@+id/bottom_navigation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom"
    android:background="@color/colorBottomBar"
    app:itemBackground="@color/colorBottomBar"
    app:itemIconTint="@drawable/bottom_navigation_toolbar"
    app:itemTextColor="@drawable/bottom_navigation_toolbar"
    app:menu="@menu/bottom_bar"/>

修改
我误解了你的问题，所以基本上你想要拉伸你的按钮，我完全复制你的布局，并在子文件夹res的文件夹values中我创建了一个名为dimens.xml的文件，在这里面文件把这个：

<resources xmlns:tools="http://schemas.android.com/tools"> <dimen name="design_bottom_navigation_item_max_width" tools:override="true">600dp</dimen> <dimen name="design_bottom_navigation_active_item_max_width" tools:override="true">600dp</dimen> </resources>

再次运行你的项目，按钮会伸展。这是一个快速解决方案，请确保您查看this答案，因为您需要处理其他屏幕尺寸，此链接中的答案提供了完整而详细的解决方案。

Answer 2

试试这个适用于移动设备和标签的功能。只需设置自己的颜色。

<android.support.design.widget.BottomNavigationView
    android:id="@+id/bottomNavigation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:animateLayoutChanges="true"
    android:background="@color/light_blue_500"
    android:layoutMode="opticalBounds"
    android:theme="@style/BottomNavAppTheme"
    app:itemBackground="@color/light_blue_500"
    app:itemIconTint="@drawable/nav_item_color_state"
    app:itemTextColor="@drawable/nav_item_color_state"
    app:menu="@menu/bottom_navigation_main" />

这是我的nav_item_color_state.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/white" android:state_enabled="true" />
    <item android:color="@color/colorPrimaryDark" android:state_enabled="false" />
</selector>

Answer 3

需要将宽度设置为

"match_parent"

如何在Android中为底部导航设置全宽

3 个答案: