Android BottomNavigationBar底部导航控制器使用方法详解

 更新时间:2016年03月23日 16:38:55   作者:请叫我小东子  
这篇文章主要为大家详细介绍了Android BottomNavigationBar底部导航控制器使用方法,感兴趣的小伙伴们可以参考一下

最近Google在自己推出的Material design中增加了Bottom Navigation导航控制。Android一直没有官方的导航控制器,自己实现确实是五花八门,有了这个规定之后,就类似苹果的底部Toolbar,以后我们的APP就会有一致的风格,先看一张效果:

这是官方在Material design中给出一张图,确实很不错。

1.BottomNavigationBar的下载地址

https://github.com/Ashok-Varma/BottomNavigation

2.使用的方法

2.1在Gradle中添加

compile ‘com.ashokvarma.android:bottom-navigation-bar:0.9.5'

2.2布局实现

 <com.ashokvarma.bottomnavigation.BottomNavigationBar
 android:layout_gravity="bottom"
 android:id="@+id/bottom_navigation_bar"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"/>

2.3类中Activity中添加BottomNavigationItem

BottomNavigationBar bottomNavigationBar = (BottomNavigationBar) findViewById(R.id.bottom_navigation_bar);

bottomNavigationBar
 .addItem(new BottomNavigationItem(R.drawable.ic_home_white_24dp, "Home"))
 .addItem(new BottomNavigationItem(R.drawable.ic_book_white_24dp, "Books"))
 .addItem(new BottomNavigationItem(R.drawable.ic_music_note_white_24dp, "Music"))
 .addItem(new BottomNavigationItem(R.drawable.ic_tv_white_24dp, "Movies & TV"))
 .addItem(new BottomNavigationItem(R.drawable.ic_videogame_asset_white_24dp, "Games"))
 .initialise();

2.4设置事件监听器TabChangeListener

 bottomNavigationBar.setTabSelectedListener(new BottomNavigationBar.OnTabSelectedListener(){
 @Override
 public void onTabSelected(int position) {
 }
 @Override
 public void onTabUnselected(int position) {]
 }
 @Override
 public void onTabReselected(int position) {
 }
 });

3.案例的实现

布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent"
 android:layout_height="match_parent"
 app:layout_behavior="@string/appbar_scrolling_view_behavior"
 tools:showIn="@layout/activity_navigation_view_demo"
 tools:context="com.lidong.demo.navigation_view.BottomNavigationBarDemoActivity">

 <LinearLayout
 android:id="@+id/tb"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical" />
 <com.ashokvarma.bottomnavigation.BottomNavigationBar
 android:id="@+id/bottom_navigation_bar"
 android:layout_width="match_parent"
 android:layout_alignParentBottom="true"
 android:layout_height="wrap_content"/>
</RelativeLayout>

Activity的代码:

package com.lidong.demo.navigation_view;

import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.util.Log;

import com.ashokvarma.bottomnavigation.BottomNavigationBar;
import com.ashokvarma.bottomnavigation.BottomNavigationItem;
import com.lidong.demo.R;

/**
 * BottomNavigationBar实现
 */
public class BottomNavigationBarDemoActivity extends AppCompatActivity implements BottomNavigationBar.OnTabSelectedListener {

 private BottomNavigationBar bottomNavigationBar;
 int lastSelectedPosition = 0;
 private String TAG = BottomNavigationBarDemoActivity.class.getSimpleName();
 private LocationFragment mLocationFragment;
 private FindFragment mFindFragment;
 private FavoritesFragment mFavoritesFragment;
 private BookFragment mBookFragment;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_navigation_view_demo);
 Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
 setSupportActionBar(toolbar);
 bottomNavigationBar = (BottomNavigationBar) findViewById(R.id.bottom_navigation_bar);

 bottomNavigationBar
 .addItem(new BottomNavigationItem(R.mipmap.ic_location_on_white_24dp, "位置").setActiveColor(R.color.orange))
 .addItem(new BottomNavigationItem(R.mipmap.ic_find_replace_white_24dp, "发现").setActiveColor(R.color.blue))
 .addItem(new BottomNavigationItem(R.mipmap.ic_favorite_white_24dp, "爱好").setActiveColor(R.color.green))
 .addItem(new BottomNavigationItem(R.mipmap.ic_book_white_24dp, "图书").setActiveColor(R.color.blue))
 .setFirstSelectedPosition(lastSelectedPosition )
 .initialise();

 bottomNavigationBar.setTabSelectedListener(this);
 setDefaultFragment();
 }

 /**
 * 设置默认的
 */
 private void setDefaultFragment() {
 FragmentManager fm = getFragmentManager();
 FragmentTransaction transaction = fm.beginTransaction();
 mLocationFragment = LocationFragment.newInstance("位置");
 transaction.replace(R.id.tabs, mLocationFragment);
 transaction.commit();
 }

 @Override
 public void onTabSelected(int position) {
 Log.d(TAG, "onTabSelected() called with: " + "position = [" + position + "]");
 FragmentManager fm = this.getFragmentManager();
 //开启事务
 FragmentTransaction transaction = fm.beginTransaction();
 switch (position) {
 case 0:
 if (mLocationFragment == null) {
  mLocationFragment = LocationFragment.newInstance("位置");
 }
 transaction.replace(R.id.tb, mLocationFragment);
 break;
 case 1:
 if (mFindFragment == null) {
  mFindFragment = FindFragment.newInstance("发现");
 }
 transaction.replace(R.id.tb, mFindFragment);
 break;
 case 2:
 if (mFavoritesFragment == null) {
  mFavoritesFragment = FavoritesFragment.newInstance("爱好");
 }
 transaction.replace(R.id.tb, mFavoritesFragment);
 break;
 case 3:
 if (mBookFragment == null) {
  mBookFragment = BookFragment.newInstance("图书");
 }
 transaction.replace(R.id.tb, mBookFragment);
 break;
 default:
 break;
 }
 // 事务提交
 transaction.commit();
 }

 @Override
 public void onTabUnselected(int position) {
 Log.d(TAG, "onTabUnselected() called with: " + "position = [" + position + "]");
 }

 @Override
 public void onTabReselected(int position) {

 }
}

fragment的代码

package com.lidong.demo.navigation_view;

import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import com.lidong.demo.R;

public class LocationFragment extends Fragment {


 public static LocationFragment newInstance(String param1) {
 LocationFragment fragment = new LocationFragment();
 Bundle args = new Bundle();
 args.putString("agrs1", param1);
 fragment.setArguments(args);
 return fragment;
 }

 public LocationFragment() {

 }

 @Override
 public void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 }

 @Override
 public View onCreateView(LayoutInflater inflater, ViewGroup container,
  Bundle savedInstanceState) {
 View view = inflater.inflate(R.layout.fragment_location, container, false);
 Bundle bundle = getArguments();
 String agrs1 = bundle.getString("agrs1");
 TextView tv = (TextView)view.findViewById(R.id.tv_location);
 tv.setText(agrs1);
 return view;
 }



}

代码下载:https://github.com/lidong1665/AndroidRapidLibrary

代码实现起来很简单,就加载布局,添加BottomNavigationItem,设置TabChangeListener就这三步搞定底部导航控制器。

以上就是关于BottomNavigationBar底部导航控制器,希望对大家的学习有所帮助。

相关文章

  • Android绘制仪表盘指针刻度

    Android绘制仪表盘指针刻度

    这篇文章主要为大家详细介绍了Android绘制仪表盘指针刻度,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05
  • Android ADB超简单的安装教程(推荐)

    Android ADB超简单的安装教程(推荐)

    adb是Android的一个很重要的调试工具,熟练掌握后可实现很多功能,比如有些手机的解锁、ROOT就会用到adb工具。可很多朋友都说不会安装,所以下面这篇文章主要给大家介绍了关于Android ADB超简单的安装教程,安装非常简单,需要的朋友可以参考下
    2018-07-07
  • android在root模式下接听来电的方法

    android在root模式下接听来电的方法

    这篇文章主要介绍了android在root模式下接听来电的方法,需要的朋友可以参考下
    2014-03-03
  • Android Studio工程引用第三方so文件的方法

    Android Studio工程引用第三方so文件的方法

    这篇文章主要介绍了Android Studio工程引用第三方so文件的方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-11-11
  • Android基于虹软(ArcSoft)实现人脸识别

    Android基于虹软(ArcSoft)实现人脸识别

    人工智能时代快速来临,其中人脸识别是当前比较热门的技术,在国内也越来越多的运用,例如刷脸打卡,刷脸APP,身份识别,人脸门禁等。本文将为大家介绍Android基于虹软(ArcSoft)实现人脸识别的demo,快来跟随小编一起学习吧
    2021-12-12
  • Android Bugreport实现原理深入分析

    Android Bugreport实现原理深入分析

    这篇文章主要介绍了Android Bugreport实现原理,Bugreport主要用于分析手机的状态,在应用开发中,程序的调试分析是日常生产中进程会进行的工作,Bugreport就是很常用的工具,需要的朋友可以参考下
    2024-05-05
  • Android如何判断当前点击位置是否在圆的内部

    Android如何判断当前点击位置是否在圆的内部

    这篇文章主要为大家详细介绍了Android如何判断当前点击位置是否在圆的内部,解析拖动圆形控件之内响应触摸事件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-05-05
  • Kotlin中let()with()run()apply()also()函数的使用方法与区别

    Kotlin中let()with()run()apply()also()函数的使用方法与区别

    在Kotlin中的源码标准库(Standard.kt)中提供了一些Kotlin扩展的内置函数可以优化kotlin的编码,今天为大家聊聊let,with,run,apply,also几个函数的用法与区别
    2018-03-03
  • Android判断后台服务是否开启的两种方法实例详解

    Android判断后台服务是否开启的两种方法实例详解

    这篇文章主要介绍了Android判断后台服务是否开启的方法的相关资料,这里提供了两种方法及实例,需要的朋友可以参考下
    2017-07-07
  • android仿爱奇艺加载动画实例

    android仿爱奇艺加载动画实例

    这篇文章主要介绍了android仿爱奇艺加载动画实例,小编觉得挺不错的,现在就分享给大家,也给大家做个参考。
    2016-10-10

最新评论