最新消息:关注【太平洋学习网】微信公众号,可以获取全套资料,【全套Java基础27天】【JavaEE就业视频4个月】【Android就业视频4个月】

android BottomNavigationView的简单使用教程

Android 太平洋学习网 浏览 评论

 每个android app都有BottomNavigationView导航,本人开发中刚刚使用到了BottomNavigationView,于是按照android developer官网特意做了一个符合material design设计得bottom navigation的简单使用教程,很容易学会的哦。

注:为便于理解,先让各位看看本人项目的目录结构,如图。

Image 6.jpg

第一步:在build.gradle的dependencies标签中导入android material design设计所需要的gradle依赖包,因为我们是严格按照这种标准设计出的导航,代码如下。

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

第二步:新建一个layout的xml文件,该文件最好放在自己新建的menu文件夹下,放在layout文件夹下回报错,本人新建了一个activity_my_navigation_items.xml的文件夹,文件名自己随便命名即可,该文件就是用来定义底部菜单导航的,也就是BottomNavigationView,代码如下。

<?xml version="1.0" encoding="utf-8"?>
<menu  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@+id/action_msg"
        android:title="消息"
        android:icon="@mipmap/ic_launcher" />
    <item android:id="@+id/action_contact"
        android:title="联系人"
        android:icon="@mipmap/ic_launcher" />
    <item android:id="@+id/action_my"
        android:title="我的"
        android:icon="@mipmap/ic_launcher" />
</menu>

第三步:在activity_main.xml中引入我们定义好的BottomNavigationView(底部导航),因为activity_main.xml是我们android app的入口,代码如下。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.baidu.notificationdemo.MainActivity">
    
 <!--引入的部分-->
<android.support.design.widget.BottomNavigationView
	xmlns:android=""
	xmlns:app=""
	android:id="@+id/bottom_navigation"
	android:layout_alignParentBottom="true"
	android:layout_width="match_parent"
	android:layout_height="56dp"
	app:itemBackground="@color/colorPrimaryDark"
	app:itemIconTint="@color/white"
	app:itemTextColor="@color/white"
	android:layout_gravity="start"
	app:menu="@menu/activity_my_navigation_items" />
</RelativeLayout>

做完以上这些步骤就可以看到效果了,效果如图:

Image 7.jpg

第四步:在对应的MainActivity.java类中添加BottomNavigationView(底部导航)的点击事件,到你选择底部菜单选项时,会做相对应的动作,这里只做输出操作,代码如下。

package com.baidu.notificationdemo;
import android.support.annotation.NonNull;
import android.support.design.internal.BottomNavigationItemView;
import android.support.design.widget.BottomNavigationView;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.MenuItem;
import javax.security.auth.Subject;

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //选择BottomNavigationView事件
        BottomNavigationView navigationView =  (BottomNavigationView)findViewById(R.id.bottom_navigation);
        navigationView.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(@NonNull MenuItem item) {
                switch (item.getItemId()){
                    case R.id.action_msg:
                        System.out.println("选择了“消息”");
                        //...... do something
                        break;
                    case R.id.action_contact:
                        System.out.println("选择了“联系人”");
                        //...... do something
                        break;
                    case R.id.action_my:
                        System.out.println("选择了“我的”");
                        //...... do something
                        break;
                }
                return true;
            }
        });
    }
}

全部ok了!

 

来源网站:太平洋学习网,转载请注明出处:http://www.tpyyes.com/a/android/2017/0724/146.html

    与本文相关的文章

    发表我的评论
    取消评论

    表情

    您的回复是我们的动力!

    • 昵称 (必填)

    网友最新评论