BottomTabBar+滑动事件

转载至：https://www.jianshu.com/p/ade8485a16be ( 此文为底部导航栏)

https://www.cnblogs.com/JczmDeveloper/p/3772967.html  （此文为滑动事件）

它自带了显示的布局，设置按钮点击效果，fragment，可以说想做底部导航栏的效果只要会BottomTabBar就OK了

我在使用此控件时没有找到滑动事件，所以我就自己加了一个滑动事件：

首先还是依赖：

    compile 'com.hjm:BottomTabBar:1.1.3'

布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:hjm="http://schemas.android.com/apk/res-auto"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_gravity="bottom"
    android:clipChildren="false"
    android:gravity="bottom"
    android:orientation="vertical">
    <com.hjm.bottomtabbar.BottomTabBar
        android:id="@+id/bottom_tab_bar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        hjm:tab_bar_background="#FFFFFF"
        hjm:tab_divider_background="#FF0000"
        hjm:tab_divider_height="5dp"
        hjm:tab_font_size="6sp"
        hjm:tab_img_font_padding="0dp"
        hjm:tab_img_height="30dp"
        hjm:tab_img_width="30dp"
        hjm:tab_isshow_divider="true"
        hjm:tab_padding_bottom="5dp"
        hjm:tab_padding_top="8dp"
        hjm:tab_selected_color="#000000"
        hjm:tab_unselected_color="@color/colorPrimary" />
</LinearLayout>

接着就是activity的代码了：

public class MainActivity extends AppCompatActivity {
    private BottomTabBar mBottomTabBar;
    int overPosition;
    private float mPosX, mPosY, mCurPosX, mCurPosY;

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

    private void initView() {

        mBottomTabBar = (BottomTabBar) findViewById(R.id.bottom_tab_bar);
        setGestureListener();
        mBottomTabBar
                .init(getSupportFragmentManager())//初始化方法，必须第一个调用；传入参数为V4包下的FragmentManager
                .setImgSize(50,50)//设置ICON图片的尺寸
                .setFontSize(8)//设置文字的尺寸
                .setTabPadding(4,6,10)//设置ICON图片与上部分割线的间隔、图片与文字的间隔、文字与底部的间隔
                .setChangeColor(Color.RED,Color.DKGRAY)//设置选中的颜色、未选中的颜色
                .addTabItem("第一项", R.mipmap.ic_launcher, R.mipmap.ic_launcher_round,OneFragment.class)//设置文字、一张图片、fragment
                .addTabItem("第二项", R.mipmap.ic_launcher, R.mipmap.ic_launcher_round, TwoFragment.class)//设置文字、两张图片、fragment
                .isShowDivider(false)//设置是否显示分割线
                .setTabBarBackgroundColor(Color.WHITE)//设置底部导航栏颜色
//                .setTabBarBackgroundResource(R.mipmap.ic_launcher)//设置底部导航栏的背景图片【与设置底部导航栏颜色方法不能同时使用，否则会覆盖掉前边设置的颜色】
                .setOnTabChangeListener(new BottomTabBar.OnTabChangeListener() {
                    @Override
                    public void onTabChange(int position, String name, View view) {
                        //这里不用说，你们也都看的懂了
                        //暂时就返回了这俩参数，如果还有什么用的比较多的参数，欢迎留言告诉我，我继续添加上
                        Log.i("TGA", "位置：" + position + "      选项卡的文字内容：" + name);
//                        mViewPager.setCurrentItem(position);
                        overPosition = position;
                    }//添加选项卡切换监听
                })
                .setCurrentTab(0);//设置当前选中的Tab，从0开始

    }


    private void setGestureListener(){
        // 是要监听的视图 mAlertImageViewD

        mBottomTabBar.setOnTouchListener(new View.OnTouchListener() {

            @Override
            public boolean onTouch(View v, MotionEvent event) {
                // TODO Auto-generated method stub
                switch (event.getAction()) {

                    case MotionEvent.ACTION_DOWN:
                        mPosX = event.getX();
                        mPosY = event.getY();
                        break;
                    case MotionEvent.ACTION_MOVE:
                        mCurPosX = event.getX();
                        mCurPosY = event.getY();

                        break;
                    case MotionEvent.ACTION_UP:
//                        if (mCurPosY - mPosY > 0
//                                && (Math.abs(mCurPosY - mPosY) > 25)) {
//                            //向下滑動
//                        } else if (mCurPosY - mPosY < 0
//                                && (Math.abs(mCurPosY - mPosY) > 25)) {
//                            //向上滑动
//                        }
                        if (mCurPosX - mPosX > 0
                                && (Math.abs(mCurPosX - mPosX) > 25)) {
                            //向左滑動
                            mBottomTabBar.setCurrentTab(overPosition - 1);

                        } else if (mCurPosX - mPosX < 0
                                && (Math.abs(mCurPosX - mPosX) > 25)) {
                            //向右滑动
                            mBottomTabBar.setCurrentTab(overPosition + 1);
                        }
                        break;
                }
                return true;
            }

        });
    }
}

如果想要更深入的了解可以到原文中（上面链接）

fragment我就不写了，只要创建了fragment加上布局就OK了