android炫酷的导航栏效果

先放效果图

menu.gif

• 按钮的图片和颜色可自定义。
• 可以设置点击事件
  这么炫酷的效果怎么实现呢？ 只需3步！

How to use

Step1

引入依赖

    allprojec
ts {
        repositories {
            ...
            maven { url 'https://jitpack.io' }
        }
    }
  
    dependencies {
            compile 'com.github.monkeywiiu:Xmenu:v5'
    }

Step2

使用自定义控件（其实就是一个RelativeLayout）

   <com.example.zmenu.SnakeButtonLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
</com.example.zmenu.SnakeButtonLayout>

just like RelativeLayout

Step3

    //设置图片和颜色
    PUtils.getInstance().setImagesAndColors(List<Integer> imageList, List<Integer> colorList);
    //设置是否可见，默认是不可见
PUtils.getInstance().setVisible(true);
    //设置悬浮按钮的margin
    PUtils.getInstance().setMargin((int) getResources().getDimension(R.dimen.marginRight),
            (int) getResources().getDimension(R.dimen.marginBottom));
    setContentView(R.layout.activity_main);

• 需要在 setContentView(..)之前设置图片和颜色

设置按钮的点击事件

        container.setIsClickable(true); //默认是false
        container = (SnakeButtonLayout) findViewById(R.id.container);
        container.setOnTopViewClickListener(new SnakeButtonLayout.onTopViewClickListener() {
            @Override
            public void onclick() {
                Toast.makeText(MainActivity.this, "你点击了导航栏", Toast.LENGTH_SHORT).show();
            }
        });

github地址：https://github.com/monkeywiiu/Xmenu

喜欢记得star一下呗