美文网首页
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