简单的底部标签开源项目：BottomBar

Posted 2022-12-13 Steadyoung

最近忙着把公司的eclipse项目移植到android Studio上，移植完后就忙着看各种开源的特效，想加点到项目里，下面先看底部标签导航特效：BottomBar

本文参考自：https://github.com/roughike/BottomBar

先上图：

  

大神写的BottomBar，用起来很简单

<span style="font-size:14px;"> @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) 
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_basic);

        mMessageView = (TextView) findViewById(R.id.messageView);

        mBottomBar = BottomBar.attach(this, savedInstanceState);
        mBottomBar.setItems(R.menu.bottombar_menu_three_items);
        mBottomBar.setOnMenuTabClickListener(new OnMenuTabClickListener() 
            @Override
            public void onMenuTabSelected(@IdRes int menuItemId) 
                mMessageView.setText(TabMessage.get(menuItemId, false));
            

            @Override
            public void onMenuTabReSelected(@IdRes int menuItemId) 
                Toast.makeText(getApplicationContext(), TabMessage.get(menuItemId, true), Toast.LENGTH_SHORT).show();
            
        );
    </span>

当然写menu：

<span style="font-size:14px;"><?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/bb_menu_favorites"
        android:icon="@drawable/ic_favorites"
        android:title="收藏" />
    <item
        android:id="@+id/bb_menu_nearby"
        android:icon="@drawable/ic_nearby"
        android:title="附近" />
    <item
        android:id="@+id/bb_menu_friends"
        android:icon="@drawable/ic_friends"
        android:title="朋友" />
</menu></span>

上图改变底部背景色，也可以调用mapColorForTab方法即可：

<span style="font-size:14px;">mBottomBar.mapColorForTab(0, ContextCompat.getColor(this, R.color.colorAccent));
        mBottomBar.mapColorForTab(1, 0xFF5D4037);
        mBottomBar.mapColorForTab(2, "#7B1FA2");
        mBottomBar.mapColorForTab(3, "#FF5252");
        mBottomBar.mapColorForTab(4, "#FF9800");</span>

下面附上源码地址：https://github.com/steadyoung/BottomBar-master

想看更多特效：http://blog.csdn.net/Jiang_Rong_Tao/article/details/51436991#rd