BottomTabBar底部标题栏

今天给大家分享一个控件:BottomTabBar.
搂起键盘,呱唧呱唧就是干
第一步:搭建环境:
导入一下BottomTabBar依赖:

 implementation 'com.hjm:BottomTabBar:1.1.1'

第二步:完成布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

   <com.hjm.bottomtabbar.BottomTabBar
       android:id="@+id/bottomTabBar"
       android:layout_width="match_parent"
       android:layout_height="match_parent"/>

</LinearLayout>

第三步:设置BottomTabBar.
在这里我们主要操作有:1.初始化BottomTabBar,2.设置字体大小,3.设置图片尺寸,4.设置标题的间隔,5.创建相应的fragment.
今天主要跟大家分享这个BottomTabBar如何使用,fragment里面我也没写什么东西,所以在这里就不展示fragment,大家自行创建一下就.
MainActivty:

package com.example.twozk;

import android.graphics.Color;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;

import com.example.twozk.fragment.CrossFragment;
import com.example.twozk.fragment.FindFragment;
import com.example.twozk.fragment.RecommendFragment;
import com.example.twozk.fragment.VideoFragment;
import com.hjm.bottomtabbar.BottomTabBar;

public class MainActivity extends AppCompatActivity {

    private BottomTabBar bottomTabBar;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //初始化控件
        initView();

        //初始化BottomTabBar
        initBottomBar();


    }

    //设置标题栏
    private void initBottomBar() {
        bottomTabBar.init(getSupportFragmentManager())
                //设置图片宽高
                .setImgSize(50, 50)
                //设置文本大小
                .setFontSize(8)
                //设置间距
                .setTabPadding(4, 6, 10)
                //设置点击按钮改变颜色
                .setChangeColor(Color.RED, Color.DKGRAY)
                //设置页面的标题,图片以及创建相应的Fragment,第一张图片为未点击时显示状态,第二张为点击时的显示状态
                .addTabItem("推荐", R.mipmap.ic_launcher, R.mipmap.ic_launcher, RecommendFragment.class)
                .addTabItem("段子", R.mipmap.ic_launcher,R.mipmap.ic_launcher, CrossFragment.class)
                .addTabItem("发现", R.mipmap.ic_launcher, R.mipmap.ic_launcher, FindFragment.class)
                .addTabItem("视频", R.mipmap.ic_launcher, R.mipmap.ic_launcher, VideoFragment.class)
                .isShowDivider(false)
                .setOnTabChangeListener(new BottomTabBar.OnTabChangeListener() {
                    @Override
                    public void onTabChange(int position, String name) {
                    }
                });
    }

    private void initView() {
        bottomTabBar = (BottomTabBar) findViewById(R.id.bottomTabBar);
    }
}

最后跟大家分享一下整体的框架结构:
BottomTabBar底部标题栏_第1张图片

你可能感兴趣的:(Android)