简单实现底部导航栏BottomBarLayout

依赖

compile 'com.github.chaychan:BottomBarLayout:1.1.2'

布局中

<com.chaychan.library.BottomBarLayout
    android:id="@+id/bottom"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:orientation="horizontal"
    android:gravity="center"
    android:layout_gravity="center"
    android:background="#ffffff"
    >
    <com.chaychan.library.BottomBarItem
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="match_parent"
        app:iconNormal="@mipmap/tabbar_creditcard"
        app:iconSelected="@mipmap/tabbar_creditcard_highlight"
        app:itemText="首页"
        app:textColorNormal="#000000"
        app:textColorSelected="#ff0000"
        app:itemTextSize="10dp"
        app:itemMarginTop="2dp"
        />

    <com.chaychan.library.BottomBarItem
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="match_parent"
        app:iconNormal="@mipmap/tabbar_creditcard"
        app:iconSelected="@mipmap/tabbar_creditcard_highlight"
        app:itemText="视频"
        app:textColorNormal="#000000"
        app:textColorSelected="#ff0000"
        app:itemTextSize="10dp"
        app:itemMarginTop="2dp"
        />


    <com.chaychan.library.BottomBarItem
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="match_parent"
        app:iconNormal="@mipmap/tabbar_creditcard"
        app:iconSelected="@mipmap/tabbar_creditcard_highlight"
        app:itemText="微头条"
        app:textColorNormal="#000000"
        app:textColorSelected="#ff0000"
        app:itemTextSize="10dp"
        app:itemMarginTop="2dp"
        />

    <com.chaychan.library.BottomBarItem
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="match_parent"
        app:iconNormal="@mipmap/tabbar_creditcard"
        app:iconSelected="@mipmap/tabbar_creditcard_highlight"
        app:itemText="我的"
        app:textColorNormal="#000000"
        app:textColorSelected="#ff0000"
        app:itemTextSize="10dp"
        app:itemMarginTop="2dp"
        />
</com.chaychan.library.BottomBarLayout>

//在里面每个 BottomBarItem中填入选中图片和未选中图片，还有文字改变颜色