昨天突然发现了一款底部导航,居然是谷歌官方 今年三月份才出的,动画很是炫酷。于是就拿来膜拜一下了。
1.BottomNavigationBar的下载地址
https://github.com/Ashok-Varma/BottomNavigation
2.使用的方法
2.1依赖:
compile ‘com.ashokvarma.android:bottom-navigation-bar:0.9.5’
2.2 布局:
<com.ashokvarma.bottomnavigation.BottomNavigationBar
android:id="@+id/bottom_navigation_bar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true">
</com.ashokvarma.bottomnavigation.BottomNavigationBar>
2.3 Activity中添加BottomNavigationItem:
mNavigationBar = (BottomNavigationBar) findViewById(R.id.bottom_navigation_bar);
mNavigationBar.addItem(new BottomNavigationItem(R.mipmap.ic_home_white_24dp, "首页").setActiveColor(R.color.colorPrimary))
.addItem(new BottomNavigationItem(R.mipmap.ic_find_replace_white_24dp, "发现").setActiveColor(R.color.teal))
.addItem(new BottomNavigationItem(R.mipmap.ic_music_note_white_24dp, "音乐").setActiveColor(R.color.brown))
.setFirstSelectedPosition(0) //设置默认
.initialise(); //完事
2.4 设置事件监听器TabChangeListener:
//设置监听
mNavigationBar.setTabSelectedListener(this);
mNavigationBar .setTabSelectedListener(new BottomNavigationBar.OnTabSelectedListener(){
@Override
public void onTabSelected(int position) {
}
@Override
public void onTabUnselected(int position) {]
}
@Override
public void onTabReselected(int position) {
}
});
3、案例:
3.1 布局:
<?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"
tools:context="com.example.navigationbar.MainActivity">
<LinearLayout
android:id="@+id/ce_shi"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
</LinearLayout>
<com.ashokvarma.bottomnavigation.BottomNavigationBar
android:id="@+id/bottom_navigation_bar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true">
</com.ashokvarma.bottomnavigation.BottomNavigationBar>
</RelativeLayout>
3.2 主Activity:
package com.example.navigationbar;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import com.ashokvarma.bottomnavigation.BottomNavigationBar;
import com.ashokvarma.bottomnavigation.BottomNavigationItem;
public class MainActivity extends AppCompatActivity implements BottomNavigationBar.OnTabSelectedListener {
BottomNavigationBar mNavigationBar;
private BlankFragment mFragment;
Fragment1 mFragment1;
Fragment2 mFragment2;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
}
private void initView() {
mNavigationBar = (BottomNavigationBar) findViewById(R.id.bottom_navigation_bar);
//下面是切换动画效果,可以搭配使用
mNavigationBar.setMode(BottomNavigationBar.MODE_SHIFTING);//底板颜色切换
// mNavigationBar.setMode(BottomNavigationBar.MODE_CLASSIC);
mNavigationBar.setBackgroundStyle(BottomNavigationBar.BACKGROUND_STYLE_RIPPLE);
//mNavigationBar.setBackgroundStyle(BottomNavigationBar.BACKGROUND_STYLE_STATIC);
mNavigationBar.addItem(new BottomNavigationItem(R.mipmap.ic_home_white_24dp, "首页").setActiveColor(R.color.colorPrimary))
.addItem(new BottomNavigationItem(R.mipmap.ic_find_replace_white_24dp, "发现").setActiveColor(R.color.teal))
.addItem(new BottomNavigationItem(R.mipmap.ic_music_note_white_24dp, "音乐").setActiveColor(R.color.brown))
.setFirstSelectedPosition(0)
.initialise();
mNavigationBar.setTabSelectedListener(this);
setDefaultFragment(); //设置默认Fragment
}
/**
* 设置默认的
*/
private void setDefaultFragment() {
FragmentManager fm = getFragmentManager();
FragmentTransaction transaction = fm.beginTransaction();
mFragment = mFragment.newInstance("首页");
transaction.replace(R.id.ce_shi, mFragment);
transaction.commit();
}
@Override
public void onTabSelected(int position) {
FragmentManager fm = this.getFragmentManager();
FragmentTransaction transaction = fm.beginTransaction();
switch (position) {
case 0:
if (mFragment == null) {
mFragment=BlankFragment.newInstance("首页");
}
transaction.replace(R.id.ce_shi,mFragment);
break;
case 1:
if (mFragment1 == null) {
mFragment1=Fragment1.newInstance("发现");
}
transaction.replace(R.id.ce_shi,mFragment1);
break;
case 2:
if (mFragment2 == null) {
mFragment2=Fragment2.newInstance("音乐");
}
transaction.replace(R.id.ce_shi,mFragment2);
break;
default:
break;
}
transaction.commit();
}
@Override
public void onTabUnselected(int position) {
}
@Override
public void onTabReselected(int position) {
}
}
3.3 Fragment(三个都一样):
package com.example.navigationbar;
import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
/**
* A simple {@link Fragment} subclass.
*/
public class Fragment1 extends Fragment {
public static Fragment1 newInstance(String param1) {
Fragment1 fragment = new Fragment1();
Bundle args = new Bundle();
args.putString("agrs1", param1);
fragment.setArguments(args);
return fragment;
}
public Fragment1() {
// Required empty public constructor
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
// Inflate the layout for this fragment
View view = inflater.inflate(R.layout.fragment_fragment1, container, false);
Bundle bundle = getArguments();
String agrs1 = bundle.getString("agrs1");
TextView tv = (TextView)view.findViewById(R.id.tv2);
tv.setText(agrs1);
return view;
}
}