17

我为我的应用程序添加了底部导航视图，但我需要活动之间的底部导航视图而不是片段，因此我已将此代码添加到 Java 中以用于我的所有 3 个活动。

当我在手机中选择“第二”或“第三”时，一切都正确，但问题是突出显示第一项。

我需要突出显示我按下的项目。

我已经使用了片段，它工作得很好，但我仍然是使用片段的初学者，所以我正在使用活动。

第一个活动代码是：

BottomNavigationView mBottomNavigation;

    mBottomNavigation =(BottomNavigationView) findViewById(R.id.BottomNavigator);

    mBottomNavigation.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {
        @Override
        public boolean onNavigationItemSelected(@NonNull MenuItem item) {
            switch (item.getItemId()){
                case R.id.Nav_Second:
                    Intent Second= new Intent(First.this, Second.class);
                    startActivity(Second);
                    break;
                case R.id.Nav_Third:
                    Intent Third= new Intent(First.this, Third.class);
                    startActivity(Third);
                    break;
            }

            return true;
        }
    });


}}

第二个活动是：

底部导航视图 mBottomNavigation;

    mBottomNavigation =(BottomNavigationView) findViewById(R.id.BottomNavigator);

    mBottomNavigation.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {
        @Override
        public boolean onNavigationItemSelected(@NonNull MenuItem item) {
            switch (item.getItemId()){
                case R.id.Nav_First:
                    Intent First= new Intent(Second.this, First.class);
                    startActivity(First);
                    break;
                case R.id.Nav_Third:
                    Intent Third= new Intent(Second.this, Third.class);
                    startActivity(Third);
                    break;
            }

            return true;
        }
    });

}}

第三项活动是：

底部导航视图 mBottomNavigation;

    mBottomNavigation =(BottomNavigationView) findViewById(R.id.BottomNavigator);

    mBottomNavigation.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {
        @Override
        public boolean onNavigationItemSelected(@NonNull MenuItem item) {
            switch (item.getItemId()){
                case R.id.Nav_First:
                    Intent First= new Intent(Third.this, First.class);
                    startActivity(First);
                    break;
                case R.id.Nav_Second:
                    Intent Second= new Intent(Third.this, Second.class);
                    startActivity(Second);
                    break;
            }

            return true;
        }
    });


}}

xml 对于 3 个活动是相同的：

<android.support.design.widget.BottomNavigationView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/BottomNavigator"
        android:background="@color/colorPrimaryDark"
        android:layout_alignParentBottom="true"
        app:itemTextColor="@drawable/item_bg"
        app:itemIconTint="@drawable/item_bg"
        app:menu="@menu/navigate_items">
    </android.support.design.widget.BottomNavigationView>

4

4 回答 4

17

您可以将 BottomNavigationView 与表示选项卡的活动一起使用。关键是在每个活动中重复导航视图组件，并让每个活动的代码控制导航组件：在导航项单击时启动正确的活动，并在活动开始后选择适当的导航项。

您需要延迟启动新选择的活动（选项卡），以允许选项卡切换动画在新活动替换前一个活动之前完成。

我的方法是让所有代表选项卡的活动都继承自实现共同行为的同一个 BaseActivity 类。

这是一个示例 BaseActivity 的代码：

public abstract class BaseActivity extends AppCompatActivity implements BottomNavigationView.OnNavigationItemSelectedListener {

    protected BottomNavigationView navigationView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(getContentViewId());

        navigationView = (BottomNavigationView) findViewById(R.id.navigation);
        navigationView.setOnNavigationItemSelectedListener(this);
    }

    @Override
    protected void onStart() {
        super.onStart();
        updateNavigationBarState();
    }

    // Remove inter-activity transition to avoid screen tossing on tapping bottom navigation items
    @Override
    public void onPause() {
        super.onPause();
        overridePendingTransition(0, 0);
    }

    @Override
    public boolean onNavigationItemSelected(@NonNull MenuItem item) {
        navigationView.postDelayed(() -> {
            int itemId = item.getItemId();
            if (itemId == R.id.navigation_home) {
                startActivity(new Intent(this, HomeActivity.class));
            } else if (itemId == R.id.navigation_dashboard) {
                    startActivity(new Intent(this, DashboardActivity.class));
            } else if (itemId == R.id.navigation_notifications) {
                    startActivity(new Intent(this, NotificationsActivity.class));
            }
            finish();
        }, 300);
        return true;
    }

    private void updateNavigationBarState(){
        int actionId = getNavigationMenuItemId();
        selectBottomNavigationBarItem(actionId);
    }

    void selectBottomNavigationBarItem(int itemId) {
        Menu menu = navigationView.getMenu();
        for (int i = 0, size = menu.size(); i < size; i++) {
            MenuItem item = menu.getItem(i);
            boolean shouldBeChecked = item.getItemId() == itemId;
            if (shouldBeChecked) {
                item.setChecked(true);
                break;
            }
        }
    }

    abstract int getContentViewId();

    abstract int getNavigationMenuItemId();

}

这是我基于 Android Studio 的底部导航活动模板的整个示例：

https://github.com/ddekanski/BottomNavigationViewBetweenActivities

于 2017-03-15T13:25:42.553 回答
6

对于仍在寻找这个的人来说，@javazian 扩展每个活动的答案在我看来真的是矫枉过正。

更简洁的解决方案是检索导航菜单并手动检查相关菜单项。

请注意，在下面的示例中，INSERT_INDEX_HERE 需要替换为菜单项的索引（例如，最左侧的菜单项的索引为 0）。

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

    BottomNavigationView navigation = (BottomNavigationView) findViewById(R.id.navigation);
    navigation.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener);

    // Ensure correct menu item is selected (where the magic happens)
    Menu menu = navigation.getMenu();
    MenuItem menuItem = menu.getItem(INSERT_INDEX_HERE);
    menuItem.setChecked(true);
}
于 2018-02-09T20:23:38.983 回答
6

您绝对可以将 BottomNavigationView 与活动一起使用，但不建议这样做。更好的是与 Fragments 一起使用，主要好处是：

  • BottomNavigationView 中的动画（在活动的情况下没有丑陋的延迟）
  • 轻松维护 Fragments 的状态
  • 灵活的后栈

但是如果您想坚持使用活动，那么@javaxian 的答案非常好，但我们可以改进它：

  1. 如果我们的布局文件没有具有正确 id 的 BottomNavigation，那么我们将遇到异常。更好的是为带有导航的活动提供通用布局文件。

解决方案：

1）将BaseActivity重命名为BaseNavigationActivity

2）为所有活动（例如）制作单个布局文件activity_navigation.xml，并显式调用 BaseNavigationActivitysetContentView(R.layout.activity_navigation);

3) 删除abstract int getContentViewId();

  1. 代码selectBottomNavigationBarItem(int itemId)是开销，我们可以做得更简单

解决方案（在 Kotlin 中）：

private fun selectBottomNavigationBarItem(itemId: Int) {
    val menuItem = navigationView.menu.findItem(itemId)
    menuItem.isChecked = true
}
于 2018-03-22T06:13:44.097 回答
2

您可以在每个活动开始时使用setSelectedItemId 。

bottomNavigationView.setSelectedItemId(R.id.menu_item_id);

其中R.id.menu_item_id位于 menu/navigate_items

于 2019-05-12T08:16:10.327 回答