BottomTabBar簡單實現

效果圖

1.依賴
implementation ‘com.hjm:BottomTabBar:1.1.1’

2.佈局
<com.hjm.bottomtabbar.BottomTabBar
android:layout_width=“match_parent”
android:layout_height=“match_parent”
android:id="@+id/bottom"
app:tab_img_width=“45dp”
app:tab_img_height=“45dp”
/>
3.Activity
public class MainActivity extends AppCompatActivity {

private BottomTabBar bottom;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    initView();
}

private void initView() {
    bottom = (BottomTabBar) findViewById(R.id.bottom);
    bottom.init(getSupportFragmentManager())
                .setFontSize(16)//設置字體大小
                .setChangeColor(Color.RED,Color.DKGRAY)
                .addTabItem("首頁",R.mipmap.message_true,Frag01.class)
                .addTabItem("分類",R.mipmap.people_flase,Frag02.class)
                .addTabItem("購物車",R.mipmap.see_false,Frag03.class)
                .addTabItem("我的",R.mipmap.start_false,Frag04.class)
                .isShowDivider(true);
    bottom.setOnTabChangeListener(new BottomTabBar.OnTabChangeListener() {
        @Override
        public void onTabChange(int position, String name) {
            switch (position){
                case 0:
                    Toast.makeText(MainActivity.this, "fist", Toast.LENGTH_SHORT).show();
                    break;
                case 1:
                    Toast.makeText(MainActivity.this, "two", Toast.LENGTH_SHORT).show();
                    break;
                case 2:
                    Toast.makeText(MainActivity.this, "three", Toast.LENGTH_SHORT).show();
                    break;
                case 3:
                    Toast.makeText(MainActivity.this, "four", Toast.LENGTH_SHORT).show();
                    break;
            }
        }
    });
}

}