如何制作标题下方的固定 BottomNavigationView，无移动导航

Question

我在制作固定的 BottomNavigationView 时遇到困难，如下图所示：OriginalPhoto.png

这是我自己项目的 BottomNavigationView：MyPhoto.png

此外，我希望图标下方的标题始终可见，而不仅仅是在单击时可见。我该怎么做？

注意：我已经阅读了所有 Whosebug 文章并关注了其他外部链接，但没有获得任何实际结果。请帮我解决这个微妙的问题。如果只用 XML 来解决这个问题会更好，而不是 java 代码。

这是我的 activity_menu.xml 的源代码，顺便说一句，它不是 activity_main.xml，因为我的登录页面使用了主 activity。这个 activity 是在登录页面之后：`

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="datasite.com.konnex.Menu"
    android:background="#ffffff">

    <android.support.v7.widget.Toolbar
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#3fc0ea">

        <ImageButton
            android:layout_width="120dp"
            android:layout_height="38dp"
            android:background="@drawable/lg1"
            android:layout_marginLeft="130dp"
            android:layout_marginStart="130dp"/>

        <android.support.v7.widget.SearchView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="90dp"
            android:layout_marginStart="90dp"/>
    </android.support.v7.widget.Toolbar>

    <RelativeLayout
        android:id="@+id/content"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">
      <GridLayout
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:columnCount="2">
          <FrameLayout
              android:layout_width="191dp"
              android:layout_height="150dp"
              android:id="@+id/fm_cases"
              android:clickable="true"
              android:focusable="true"
              android:foreground="?attr/selectableItemBackground">
              <ImageView
                  android:layout_width="90dp"
                  android:layout_height="90dp"
                  android:src="@drawable/cases"
                  android:layout_marginLeft="50dp"
                  android:layout_marginStart="50dp"
                  android:layout_marginTop="35dp"
                  android:id="@+id/img_cases" />
              <TextView
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:text="@string/cases"
                  android:layout_marginLeft="70dp"
                  android:layout_marginStart="70dp"
                  android:layout_marginTop="128dp"
                  android:textSize="18sp"
                  android:textColor="#424242"/>
              <TextView
                  android:layout_width="22dp"
                  android:layout_height="wrap_content"
                  android:text="@string/string_1"
                  android:textColor="#FFFFFF"
                  android:textSize="17sp"
                  android:layout_marginLeft="122dp"
                  android:layout_marginStart="122dp"
                  android:layout_marginTop="35dp"
                  android:background="#E91E63"
                  android:id="@+id/notif_cases"/>
          </FrameLayout>

      </GridLayout>

    </RelativeLayout>

    <android.support.design.widget.BottomNavigationView
        android:id="@+id/navigation"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#fffafa"
        app:menu="@menu/navigation"
        app:itemIconTint="@color/dark"
        app:itemTextColor="@color/dark"
        android:animateLayoutChanges="false"
        android:splitMotionEvents="false"
        android:fitsSystemWindows="true"/>

</LinearLayout>`

这是 menu.java 的源代码。它也在 main.java activity 之后，用于登录。

import android.content.Context;
import android.content.Intent;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.design.widget.BottomNavigationView;
import android.support.v4.widget.TextViewCompat;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.FrameLayout;
import android.widget.ImageView;
import android.widget.TextView;

public class Menu extends AppCompatActivity {

    private BottomNavigationView.OnNavigationItemSelectedListener mOnNavigationItemSelectedListener
            = new BottomNavigationView.OnNavigationItemSelectedListener() {

        @Override
        public boolean onNavigationItemSelected(@NonNull MenuItem item) {

            switch (item.getItemId()) {
                case R.id.nav_about:
                    return true;
                case R.id.nav_location:
                    return true;
                case R.id.nav_phone:
                    return true;
                case R.id.nav_home:
                    return true;
            }
            return false;
        }
    };

        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_menu);

            FrameLayout fml = (FrameLayout) findViewById(R.id.fm_cases);
            fml.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    Intent i = new Intent(Menu.this, Cases.class);
                    startActivity(i);

                }
            });
    }
}

提前致谢！！！我真的需要你们的帮助伙计们）

我的Navigation.xml：

`<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">


    <item
        android:id="@+id/nav_about"
        android:icon="@drawable/ic_dashboard_black_24dp"
        android:title="@string/title_about" />
    <item
        android:id="@+id/nav_location"
        android:icon="@drawable/nav_location"
        android:title="@string/title_location"
        />

    <item
        android:id="@+id/nav_phone"
        android:icon="@drawable/nav_call"
        android:title="@string/title_phone"
         />

    <item
        android:id="@+id/nav_home"
        android:icon="@drawable/ic_home_black_24dp"
        android:title="@string/title_home"
        />

</menu>

Answer 1

好的然后尝试在菜单项

中添加app:showAsAction

 <?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <item
        android:id="@+id/nav_about"
        android:icon="@drawable/ic_dashboard_black_24dp"
        app:showAsAction="ifRoom"
        android:title="@string/title_about" />
    <item
        android:id="@+id/nav_location"
        android:icon="@drawable/nav_location"
        app:showAsAction="ifRoom"
        android:title="@string/title_location"
        />

    <item
        android:id="@+id/nav_phone"
        android:icon="@drawable/nav_call"
        app:showAsAction="ifRoom"
        android:title="@string/title_phone"
         />

    <item
        android:id="@+id/nav_home"
        android:icon="@drawable/ic_home_black_24dp"
        app:showAsAction="ifRoom"
        android:title="@string/title_home"
        />

</menu>

如果您的问题没有解决，请更换这个 showAsAction="always|withText"

之后您可以使用此方法禁用移动菜单

 public static void disableShiftMode(BottomNavigationView view) {
    BottomNavigationMenuView menuView = (BottomNavigationMenuView) view.getChildAt(0);
    try {
        Field shiftingMode = menuView.getClass().getDeclaredField("mShiftingMode");
        shiftingMode.setAccessible(true);
        shiftingMode.setBoolean(menuView, false);
        shiftingMode.setAccessible(false);
        for (int i = 0; i < menuView.getChildCount(); i++) {
            BottomNavigationItemView item = (BottomNavigationItemView) menuView.getChildAt(i);
            //noinspection RestrictedApi
            item.setShiftingMode(false);
            // set once again checked value, so view will be updated
            //noinspection RestrictedApi
            item.setChecked(item.getItemData().isChecked());
        }
    } catch (NoSuchFieldException e) {
        Log.e("BNVHelper", "Unable to get shift mode field", e);
    } catch (IllegalAccessException e) {
        Log.e("BNVHelper", "Unable to change value of shift mode", e);
    }
}

已更新 Menu.java：`程序包 datasite.com.konnex；

    import android.content.Context;
    import android.content.Intent;
    import android.os.Bundle;
    import android.support.annotation.NonNull;
    import android.support.design.internal.BottomNavigationItemView;
    import android.support.design.internal.BottomNavigationMenuView;
    import android.support.design.widget.BottomNavigationView;
    import android.support.v4.widget.TextViewCompat;
    import android.support.v7.app.AppCompatActivity;
    import android.support.v7.widget.GridLayoutManager;
    import android.support.v7.widget.LinearLayoutManager;
    import android.support.v7.widget.RecyclerView;
    import android.util.Log;
    import android.view.MenuItem;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.Button;
    import android.widget.FrameLayout;
    import android.widget.ImageView;
    import android.widget.TextView;

    import java.lang.reflect.Field;

    public class Menu extends AppCompatActivity {

        private BottomNavigationView.OnNavigationItemSelectedListener mOnNavigationItemSelectedListener
                = new BottomNavigationView.OnNavigationItemSelectedListener() {

            @Override
            public boolean onNavigationItemSelected(@NonNull MenuItem item) {

                switch (item.getItemId()) {
                    case R.id.nav_about:
                        return true;
                    case R.id.nav_location:
                        return true;
                    case R.id.nav_phone:
                        return true;
                    case R.id.nav_home:
                        return true;
                }
                return false;
            }
        };

            @Override
            protected void onCreate(Bundle savedInstanceState) {
                super.onCreate(savedInstanceState);
                setContentView(R.layout.activity_menu);

//Add This           
disableShiftMode((BottomNavigationView)findViewById(R.id.navigation))

                FrameLayout fml = (FrameLayout) findViewById(R.id.fm_cases);
                fml.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View view) {
                        Intent i = new Intent(Menu.this, Cases.class);
                        startActivity(i);
                    }
                });
            }

                public static void disableShiftMode(BottomNavigationView view) {
                    BottomNavigationMenuView menuView = (BottomNavigationMenuView) view.getChildAt(0);
                    try {
                        Field shiftingMode = menuView.getClass().getDeclaredField("mShiftingMode");
                        shiftingMode.setAccessible(true);
                        shiftingMode.setBoolean(menuView, false);
                        shiftingMode.setAccessible(false);
                        for (int i = 0; i < menuView.getChildCount(); i++) {
                            BottomNavigationItemView item = (BottomNavigationItemView) menuView.getChildAt(i);
                            //noinspection RestrictedApi
                            item.setShiftingMode(false);
                            // set once again checked value, so view will be updated
                            //noinspection RestrictedApi
                            item.setChecked(item.getItemData().isChecked());
                        }
                    } catch (NoSuchFieldException e) {
                        Log.e("BNVHelper", "Unable to get shift mode field", e);
                    } catch (IllegalAccessException e) {
                        Log.e("BNVHelper", "Unable to change value of shift mode", e);
                    }
                }
        }

已更新 Navigation.xml：

`<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">


    <item
        android:id="@+id/nav_about"
        android:icon="@drawable/ic_dashboard_black_24dp"
        android:title="@string/title_about"
        app:showAsAction="always|withText"/>
    <item
        android:id="@+id/nav_location"
        android:icon="@drawable/nav_location"
        android:title="@string/title_location"
        app:showAsAction="always|withText" />

    <item
        android:id="@+id/nav_phone"
        android:icon="@drawable/nav_call"
        android:title="@string/title_phone"
        app:showAsAction="always|withText"/>

    <item
        android:id="@+id/nav_home"
        android:icon="@drawable/ic_home_black_24dp"
        android:title="@string/title_home"
        app:showAsAction="always|withText" />

</menu>
`

Answer 2

尝试使用 AHBottomNavigation 库，我建议这样做是因为考虑到您的情况，它的实现很简单，并且减少了您在代码中创建另一个 menu.xml 文件和处理菜单选项方法的工作。只需将此行添加到您的 gradle 文件中。

compile 'com.aurelhubert:ahbottomnavigation:2.0.6'

它会解决您的布局问题，而且它有很多自定义选项。您可以进一步阅读 here，但对于您的情况，保留标题的简单用途是..

public class MyActivity extends AppCompatActivity{
     @BindView(R.id.bottom_navigationbar)
     AHBottomNavigation bottomNavigation;

   onCreate(){

    bottomNavigation.addItem(new AHBottomNavigationItem("Title1", iconID1);
    bottomNavigation.addItem(new AHBottomNavigationItem("Title2", iconID2);
    bottomNavigation.addItem(new AHBottomNavigationItem("Title3", iconID3);
    bottomNavigation.addItem(new AHBottomNavigationItem("Title4", iconID4);

    bottomNavigation.setAccentColor(ContextCompat.getColor(this, themeColor));

    //will always show titles
    bottomNavigation.setTitleState(AHBottomNavigation.TitleState.ALWAYS_SHOW); 
}}

setUpClickListener.

    bottomNavigation.setOnTabSelectedListener((position, wasSelected) -> {


                if (position == 0 && !wasSelected) {

                } else if (position == 1 && !wasSelected) {

                } else if (position == 2 && !wasSelected) {

                } else if (position == 3 && !wasSelected) {

                } else if (position == 4 && !wasSelected) {

                }
                return true;
            }
    );

如何制作标题下方的固定 BottomNavigationView，无移动导航

How to make a fixed BottomNavigationView with title below, no shifted navigation

java

android

bottomnavigationview