美文网首页
android炫酷的导航栏效果

android炫酷的导航栏效果

作者: Gear_033e | 来源:发表于2017-12-04 22:29 被阅读227次

先放效果图

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

相关文章

网友评论

      本文标题:android炫酷的导航栏效果

      本文链接:https://www.haomeiwen.com/subject/tjbfixtx.html