如何根据谷歌新指南实现底部导航标签

Question

如何根据谷歌新指南（纯安卓）实现底部导航选项卡。有没有例子。？

参考： https ://www.google.com/design/spec/components/bottom-navigation.html

原文由 Govinda P 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用支持库 v25。

添加你的 build.gradle

 compile 'com.android.support:design:25.0.0'

在布局中添加 BottomNavigationView ：

 <android.support.design.widget.BottomNavigationView
        android:id="@+id/bottom_navigation"
        app:menu="@menu/bottom_navigation_menu"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:itemBackground="@color/colorPrimary"
        app:itemIconTint="@color/mycolor"
        app:itemTextColor="@color/mycolor"/>

然后创建一个菜单文件（menu/bottom_navigation_menu.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/my_action1"
        android:enabled="true"
        android:icon="@drawable/my_drawable"
        android:title="@string/text"
        app:showAsAction="ifRoom" />
    ....
</menu>

然后添加监听器：

 BottomNavigationView bottomNavigationView = (BottomNavigationView)
                findViewById(R.id.bottom_navigation);

bottomNavigationView.setOnNavigationItemSelectedListener(
        new BottomNavigationView.OnNavigationItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(@NonNull MenuItem item) {
                switch (item.getItemId()) {
                    case R.id.my_action1:
                        //Do something...
                        break;

                }
                return false;
            }
        });

原文由 Gabriele Mariotti 发布，翻译遵循 CC BY-SA 3.0 许可协议