android炫酷的导航栏效果

2017-12-04  本文已影响227人  Gear_033e

先放效果图

menu.gif

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);

设置按钮的点击事件

        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一下呗

上一篇 下一篇

猜你喜欢

热点阅读