android炫酷的导航栏效果

先放效果图

android炫酷的导航栏效果_第1张图片
menu.gif
  • 按钮的图片和颜色可自定义。
  • 可以设置点击事件
    这么炫酷的效果怎么实现呢? 只需3步!

How to use

Step1

引入依赖

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

Step2

使用自定义控件(其实就是一个RelativeLayout)

   

just like RelativeLayout

Step3

    //设置图片和颜色
    PUtils.getInstance().setImagesAndColors(List imageList, List 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一下呗

你可能感兴趣的:(android炫酷的导航栏效果)