android Material Design 底部导航栏#

1
compile 'com.android.support:appcompat-v7:25.1.0'
2
//注意：V4包一定要加，material design是依赖V4包的
3
//不加，某些类可能报“ClassNotFoundException”
4
compile 'com.android.support:support-v4:25.1.0'
5
compile 'com.android.support:design:25.1.0'

1
<?xml version="1.0" encoding="utf-8"?>
2
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
3
    xmlns:tools="http://schemas.android.com/tools"
4
    xmlns:app="http://schemas.android.com/apk/res-auto"
5
    android:id="@+id/activity_main"
6
    android:layout_width="match_parent"
7
    android:layout_height="match_parent"
8
    tools:context="com.kangda.app.MainActivity">
9
    <!--一定要加入V4包和Material Design包的依赖-->
10
    <!--itemIconTint设置图标的颜色-->
11
    <!--itemTextColor设置文本标题的颜色-->
12
    <android.support.design.widget.BottomNavigationView
13
        android:id="@+id/nav_bottom"
14
        android:layout_width="match_parent"
15
        android:layout_height="50dp"
16
        android:layout_alignParentBottom="true"
17
        app:itemIconTint="#767676"
18
        app:itemTextColor="#767676"
19
        app:menu="@menu/nav_bottom_item"
20
        > </android.support.design.widget.BottomNavigationView>
21
</RelativeLayout>

1
<?xml version="1.0" encoding="utf-8"?>
2
<menu xmlns:android="http://schemas.android.com/apk/res/android"
3
    xmlns:app="http://schemas.android.com/apk/res-auto"
4
    >
5
    <!--showAsAction如果有剩余空间就显示出来，否则隐藏-->
6
    <item android:id="@+id/menu_pk"
7
        android:enabled="true"
8
        app:showAsAction="ifRoom"
9
        android:title="@string/menu_title_pk"
10
        android:icon="@mipmap/menu_pk" />
11
    <item android:id="@+id/menu_home"
12
        android:enabled="true"
13
        app:showAsAction="ifRoom"
14
        android:title="@string/menu_title_home"
15
        android:icon="@mipmap/menu_home_press" />
16
    <item android:id="@+id/menu_mine"
17
        android:enabled="true"
18
        app:showAsAction="ifRoom"
19
        android:title="@string/menu_title_mine"
20
        android:icon="@mipmap/menu_mine" />
21
</menu>

1
@BindView(R.id.nav_bottom)
2
    protected BottomNavigationView navBottom;
3
    @Override
4
    protected void onCreate(Bundle savedInstanceState) {
5
        super.onCreate(savedInstanceState);
6
        setContentView(R.layout.activity_main);
7
        ButterKnife.bind(this);
8
        navBottom.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {
9
            @Override
10
            public boolean onNavigationItemSelected(@NonNull MenuItem item) {
11
                switch (item.getItemId()){
12
                    case R.id.menu_pk:
13
                        Toast.makeText(MainActivity.this, "PK", Toast.LENGTH_SHORT).show();
14
                        break;
15
                    case R.id.menu_home:
16
                        Toast.makeText(MainActivity.this, "主页", Toast.LENGTH_SHORT).show();
17
                        break;
18
                    case R.id.menu_mine:
19
                        Toast.makeText(MainActivity.this, "我的", Toast.LENGTH_SHORT).show();
20
                        break;
21
                }
22
                return false;
23
            }
24
        });
25
    }

1
layout resource file:
2
 <android.support.design.widget.BottomNavigationView
3
     xmlns:android="http://schemas.android.com/apk/res/android"
4
     xmlns:design="http://schema.android.com/apk/res/android.support.design"
5
     android:id="@+id/navigation"
6
     android:layout_width="match_parent"
7
     android:layout_height="56dp"
8
     android:layout_gravity="start"
9
     design:menu="@menu/my_navigation_items" />
10

11
 res/menu/my_navigation_items.xml:
12
 <menu xmlns:android="http://schemas.android.com/apk/res/android">
13
     <item android:id="@+id/action_search"
14
          android:title="@string/menu_search"
15
          android:icon="@drawable/ic_search" />
16
     <item android:id="@+id/action_settings"
17
          android:title="@string/menu_settings"
18
          android:icon="@drawable/ic_add" />
19
     <item android:id="@+id/action_navigation"
20
          android:title="@string/menu_navigation"
21
          android:icon="@drawable/ic_action_navigation_menu" />
22
 </menu>