Android--------使用BottomTabBar实现底部导航页

1.导依赖

compile 'com.hjm:BottomTabBar:1.1.1'

2.在XML中定义一下该控件
<com.hjm.bottomtabbar.BottomTabBar
    android:id="@+id/bottom_tab_bar"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
com.hjm.bottomtabbar.BottomTabBar>
3.定义每个Fragment,这里列举一个
public class OneFragment extends Fragment{
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment1, container, false);
        return view;

    }
}
4.MainActivity中
public class MainActivity extends AppCompatActivity {
private BottomTabBar mb;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
         //获取id
         mb=(BottomTabBar)findViewById(R.id.bottom_tab_bar);
        //初始化
          title_tv = QQMytitle.findViewById(R.id.title_tv);
        QQSouSuo.setOnClickListener(this);
        QQbottom_tab_bar.init(getSupportFragmentManager())
                .setImgSize(50, 50)//图片大小
                .setFontSize(20) //字体大小 
                .setChangeColor(Color.BLUE, Color.BLACK)  //图片颜色
                .addTabItem("会话", R.drawable.ic_qqhuihua, QQHuihuaFragment.class)
                .addTabItem("通讯录", R.drawable.ic_qqtongxunlu, QQTongXunLuFragment.class)
                .addTabItem("设置", R.drawable.ic_qqshezhi, QQSheZhiFragment.class)
                .setOnTabChangeListener(new BottomTabBar.OnTabChangeListener() {
                    @Override
                    public void onTabChange(int position, String name) {
                        if (name.equals("会话")) {
                            title_tv.setText("会话");//头部字体
                        }
                        if (name.equals("通讯录")) {
                            title_tv.setText("通讯录");
                        }
                        if (name.equals("设置")) {
                            title_tv.setText("设置");
                        }
                    }
                });

    }
}