Android——BottomTabBar实现底部导航栏

浅浅的花香味﹌ 2022-06-06 10:24 453阅读 0赞

**示例图：**

**![Center][]**

**![Center 1][]**

**首先在build.gradle添加依赖**

compile 'com.hjm:BottomTabBar:1.1.1'

**activity\_main.xml中定义一下该控件**

<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
        android:layout_height="match_parent" tools:context="com.bawei.com.myapplication.MainActivity">
    
        <com.hjm.bottomtabbar.BottomTabBar android:id="@+id/bottom_tab_bar"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            >
        </com.hjm.bottomtabbar.BottomTabBar>
    
    </RelativeLayout>

**定义Fragment，这里列举一个**

package com.bawei.com.myapplication;
    
    import android.os.Bundle;
    import android.support.annotation.Nullable;
    import android.support.v4.app.Fragment;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    
    /** * Created by Wangrx on 2017/11/6. */ public class OneFragment extends Fragment{
        @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
            return super.onCreateView(inflater, container, savedInstanceState);
        }
    }

**MainActivity.java**

package com.bawei.com.myapplication;
    
    import android.graphics.Color;
    import android.os.Bundle;
    import android.support.v7.app.AppCompatActivity;
    import android.widget.Toast;
    
    import com.hjm.bottomtabbar.BottomTabBar;
    
    public class MainActivity extends AppCompatActivity {
        private BottomTabBar mb;
        @Override protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            mb=(BottomTabBar)findViewById(R.id.bottom_tab_bar);
    
            mb.init(getSupportFragmentManager())
                    .setImgSize(50,50)
                    .setFontSize(8)
                    .setTabPadding(4,6,10)
                    .setChangeColor(Color.RED,Color.DKGRAY)
                    .addTabItem("月光茶人",R.drawable.shouye, OneFragment.class)
                    .addTabItem("优惠",R.drawable.youhui, TwoFragment.class)
                    .addTabItem("购物车",R.drawable.gouwuche, ThreeFragment.class)
                    .addTabItem("我的",R.drawable.people, FourFragment.class)
                    .isShowDivider(true)
                    .setOnTabChangeListener(new BottomTabBar.OnTabChangeListener() {
                        @Override public void onTabChange(int position, String name) {
                            Toast.makeText(MainActivity.this,"TabId=" + name,Toast.LENGTH_LONG).show();
                        }
                    });
    
        }
    }

[Center]: /images/20220606/6b67ee226993429093b052a146c93897.png
[Center 1]: /images/20220606/4d3eb7a3cd8c40e6be36bb2652bcbb22.png