Android 抽屉用法

最新推荐文章于 2024-06-16 22:25:48 发布
最新推荐文章于 2024-06-16 22:25:48 发布
阅读量1.1k 收藏
点赞数 1
分类专栏： Android 文章标签： 抽屉式菜单 android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37711172/article/details/72868205
版权

前言

如今安卓开发用抽屉的APP基本上很少见了，并不常用，无聊突然翻到以前自己写的自定义抽屉，特此来跟大家详解一下

介绍

实现原理：自定义继承自分层布局，使用事件分发，根据手指滑动的方向和距离进行判断抽屉打开的方向和位置

使用

1. 系统提供的抽屉框架包的使用

public class MainActivity extends AppCompatActivity implements View.OnDragListener, DrawerLayout.DrawerListener, View.OnClickListener {
    private DrawerLayout activity_main;//GOOGLE 框架包
    private RelativeLayout rl_left;//  左边抽屉
    private ListView lv_left;// ListView
    private List<String> list = new ArrayList<>();
    private Button button;//开启左边抽屉


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initList();
        initView();
    }

    private void initList() {
        for (int i = 0; i < 30; i++) {
            list.add("sasf" + i);
        }
    }

    private void initView() {
        activity_main = (DrawerLayout) findViewById(R.id.activity_main);
        rl_left = (RelativeLayout) findViewById(R.id.rl_left);
        lv_left = (ListView) findViewById(R.id.lv_left);
        button = (Button) findViewById(R.id.button);


        lv_left.setAdapter(new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_1, list));//给左边菜单写入数据

        activity_main.setScrimColor(Color.TRANSPARENT);

        activity_main.setDrawerLockMode(DrawerLayout.LOCK_MODE_LOCKED_CLOSED, Gravity.LEFT);

        activity_main.setDrawerListener(this);
        button.setOnClickListener(this);

    }
    //当抽屉正在滑动的时候
    @Override
    public void onDrawerSlide(View drawerView, float slideOffset) {
        //获取第一个主页面的布局
        View mContext = activity_main.getChildAt(0);
        //获取滑动的抽屉的布局
        View draw = drawerView;
        float scale = 1 - slideOffset;
        // 意思就是  如果不滑动  scale 是1 ， 没有发生变化,滑动后 会缩小
        float suofang = 0.8f + scale * 0.2f;
        //测量 抽屉的宽度
        int drawWidth = draw.getMeasuredWidth();
        //主页区域
        ViewHelper.setScaleX(mContext, suofang);
        ViewHelper.setScaleY(mContext, suofang);
        //抽屉区域
        ViewHelper.setScaleX(draw, 0.7f + slideOffset * 0.3f);
        ViewHelper.setScaleY(draw, 0.7f + slideOffset * 0.3f);
        ViewHelper.setAlpha(draw, 0.6f + slideOffset * 0.4f);




        //如果两个抽屉的话 可以对每一个抽屉  设置一个TAG  然后判断
        ViewHelper.setTranslationX(mContext, drawWidth * slideOffset);


    }


    @Override
    public void onDrawerOpened(View drawerView) {

    }
    //当抽屉关闭的时候会调用

    @Override
    public void onDrawerClosed(View drawerView) {
        activity_main.setDrawerLockMode(DrawerLayout.LOCK_MODE_LOCKED_CLOSED, Gravity.LEFT);

    }

    @Override
    public void onDrawerStateChanged(int newState) {

    }

    @Override
    public boolean onDrag(View v, DragEvent event) {
        return false;
    }

    @Override
    public void onClick(View v) {
        activity_main.openDrawer(Gravity.LEFT);
        activity_main.setDrawerLockMode(DrawerLayout.LOCK_MODE_UNLOCKED, Gravity.LEFT);

    }
}

2. 自定义 继承 FrameLayout 布局

public class SildingView extends FrameLayout {
    private boolean IsFirst=true;//第一次进入的标志
    private boolean IsSping=false;//抽屉菜单打开关闭的标志----》默认情况下关闭的
    private PointF pf=new PointF();//记录坐标
    private PointF pf1=new PointF();
    private LinearLayout mBootomlinear;//底层的布局
    private LinearLayout mToplinear;//顶层的布局
    private int maxWidth=0;//抽屉打开的最大宽度

    public SildingView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView();
    }
    private void initView() {
        //实列化顶部底部布局
        mBootomlinear=new LinearLayout(getContext());
        mToplinear=new LinearLayout(getContext());
        //设置线性方向-垂直
        mBootomlinear.setOrientation(LinearLayout.VERTICAL);
        mToplinear.setOrientation(LinearLayout.VERTICAL);
        //方便查看设置背景颜色
        mBootomlinear.setBackgroundColor(Color.BLACK);
        mToplinear.setBackgroundColor(Color.WHITE);
    }
    //重写onmesure方法，获取底部布局的最大宽度
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        //获取view的宽度----》设置底部的宽度
        if (IsFirst) {
            maxWidth=(int) (getMeasuredWidth()*0.7);
            mBootomlinear.setLayoutParams(new FrameLayout.LayoutParams(maxWidth, FrameLayout.LayoutParams.MATCH_PARENT));
            mToplinear.setLayoutParams(new FrameLayout.LayoutParams(FrameLayout.LayoutParams.MATCH_PARENT, FrameLayout.LayoutParams.MATCH_PARENT));
            //将布局添加到自定义里面
            addView(mBootomlinear);//先添加哪个就在最底层
            addView(mToplinear);
        }
        IsFirst=false;
    }
    //设置底部linear布局的方法
    public void setBootom(View v){
        //给要再bootom里面添加的布局设置其在父容器所占位置的宽高属性
        v.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT));
        //将布局添加到底部linear中
        mBootomlinear.addView(v);
    }
    public void setTop(View v){
        v.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT));
        mToplinear.addView(v);
    }
    //底层事件的处理：return :1.true ：自己处理了，不往下发 2.return super.dispatchtouchenvent(ev),交给系统自己处理-----》往下发
    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        if (ev.getAction()==MotionEvent.ACTION_DOWN) {
            //记录手指的坐标
            pf.x=ev.getX();
            pf.y=ev.getY();
            pf1.x=ev.getX();
            pf1.y=ev.getY();
        }else if (ev.getAction()==MotionEvent.ACTION_MOVE) {
            //获取当前手指滑动后的坐标
            int x=(int) ev.getX();
            int y=(int) ev.getY();
            //计算手指滑动后的坐标距离： disX  disY
            int disX=(int) (x-pf.x);//x轴移动的距离
            int disY=(int) (y-pf.y);//y轴移动的距离
            //根据正余玹定理来判断， 水平滑动或者是垂直滑动
            if (Math.abs(disX)/2-Math.abs(disY)>0) {
                //不做处理
            }else {//垂直状态--》抽屉应该关闭
                //TODO 通过抽屉的开关来判断上层可否移动
                if (!IsSping) {
                    return super.dispatchTouchEvent(ev);
                }else {
                    return true;
                }
            }
            //设置一个边界值：防止手指按下出现抽屉抖动的情况
            if (Math.abs(disX)<10) {
                return super.dispatchTouchEvent(ev);
            }
            //根据手指滑动的x轴移动的距离的正负，判断抽屉打开的方向
            if (disX>0) {//
                FrameLayout.LayoutParams lp=(LayoutParams) mToplinear.getLayoutParams();
                //判断左边距超过最大边距。将最大边距设置给滑动 距离
                if (lp.leftMargin>=maxWidth) {
                    disX=maxWidth;
                    IsSping=true;//抽屉开启
                }
                lp.leftMargin=disX;//将移动的距离设置给左边距
                lp.rightMargin=-disX;
                mToplinear.setLayoutParams(lp);//将属性设置给顶部布局
            }else if (disX<0) {
                //获取到顶部布局的属性lp
                FrameLayout.LayoutParams lp=(LayoutParams) mToplinear.getLayoutParams();
                if (lp.leftMargin<=0) {
                    disX=0;
                    IsSping=false;
                }
                lp.leftMargin=lp.leftMargin-Math.abs(disX);
                lp.rightMargin=-lp.leftMargin;
                mToplinear.setLayoutParams(lp);
                pf.x=x;//将移动后的坐标赋值给初始坐标，解决再次移动的问题
            }
            requestLayout();//刷新界面
            return true;
        }else if (ev.getAction()==MotionEvent.ACTION_UP) {
            //区分是点击还是滑动
            int disX=(int) Math.abs(ev.getX()-pf1.x);
            if (disX>10) {
                //以底部linear的宽度的一半为分割线，超过分割线，手指抬起,手指抬起，抽屉自动打开或关闭
                FrameLayout.LayoutParams lp=(LayoutParams) mToplinear.getLayoutParams();
                if (lp.leftMargin>maxWidth/2) {//抽屉自动打开
                    lp.leftMargin=maxWidth;
                    lp.rightMargin=-maxWidth;
                    IsSping=true;
                }else {
                    //抽屉关闭
                    lp.leftMargin=0;
                    lp.rightMargin=0;
                    IsSping=false;
                }
                mToplinear.setLayoutParams(lp);
                requestLayout();
                return true;//自己处理
            }
        }
        return super.dispatchTouchEvent(ev);
    }
}

3. 系统提供的横向 滑动的 布局 HorizontalScrollView

public class MySlidingMenu extends HorizontalScrollView {
    // 屏幕宽度 单位：px
    private int ScreenWidth;
    // 内容区域宽度
    private int contentWidth;
    // 菜单宽度
    private int menuWidth;
    // 菜单一半的宽度
    private int halfmenuWidth;
    // 菜单的右边距
    private int rightPadding;

    private boolean isMesure;
    // 是否打开菜单
    private boolean isOpen;

public MySlidingMenu(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        //用来添加view
        WindowManager wm = (WindowManager) context
                .getSystemService(Context.WINDOW_SERVICE);

        //获取手机分辨率
        DisplayMetrics outMetrics = new DisplayMetrics();
        //获取屏幕的大小
        wm.getDefaultDisplay().getMetrics(outMetrics);

        //widthPixels是宽度方向上的像素点的个数。
        ScreenWidth = outMetrics.widthPixels;

        //自定义属性
        TypedArray ta = context.getTheme().obtainStyledAttributes(attrs,
                R.styleable.MySlidingMenu, defStyle, 0);
        int count =ta.getIndexCount();
        for(int i=0;i<count;i++){

            int attr=ta.getIndex(i);
            Log.e("attr", " "+attr);
            switch(attr){
            case R.styleable.MySlidingMenu_rightPadding:
                //把dp转化为px
                rightPadding=ta.getDimensionPixelOffset(attr,
                        (int) TypedValue.applyDimension( 
                                TypedValue.COMPLEX_UNIT_DIP, 200,
                                getResources().getDisplayMetrics()));
                break;

            }
        }
    }

    public MySlidingMenu(Context context) {
        this(context, null, 0);
    }



    public MySlidingMenu(Context context, AttributeSet attrs) {
        this(context, attrs,0);

//      WindowManager wm = (WindowManager) context
//              .getSystemService(Context.WINDOW_SERVICE);
//
//      DisplayMetrics outMetrics = new DisplayMetrics();
//
//      wm.getDefaultDisplay().getMetrics(outMetrics);
//      ScreenWidth = outMetrics.widthPixels;
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        if (!isMesure) {
            // 避免 Measure方法多次调用
            isMesure = true;

            LinearLayout wrapper = (LinearLayout) getChildAt(0);
            ViewGroup menu = (ViewGroup) wrapper.getChildAt(0);
            ViewGroup content = (ViewGroup) wrapper.getChildAt(1);
//          rightPadding = (int) TypedValue.applyDimension(
//                  TypedValue.COMPLEX_UNIT_DIP, 100, content.getResources()
//                          .getDisplayMetrics());

            //屏幕宽度-菜单的右边距 = 菜单的宽度
            menuWidth = ScreenWidth - rightPadding;

            halfmenuWidth = menuWidth / 2;
            //获取菜单的布局属性获得菜单的宽度

            menu.getLayoutParams().width = menuWidth;
            //主布局的宽度 = 屏幕的宽度
            content.getLayoutParams().width = ScreenWidth;

        }
    } 

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        super.onLayout(changed, l, t, r, b);

        if (changed) {
            //(让ScrollView滚动到(menuWidth, 0)的位置,也就是刚好显示主视图)不带效果的滑动
            this.scrollTo(menuWidth, 0);
        }
    }
    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
        case MotionEvent.ACTION_UP:
            //就是当前view的左上角相对于母视图的左上角的X轴偏移量。
            int scrollX = getScrollX();
            if (scrollX > halfmenuWidth) {
                this.smoothScrollTo(menuWidth, 0);
            } else {
                this.smoothScrollTo(0, 0);
            }

            return true;
        }
        return super.onTouchEvent(ev);
    }
    public void openDraw() {
        if (isOpen) {
            return;
        }
        //让ScrollView滚动到(0,0)的位置
        this.smoothScrollTo(0,0);
        isOpen=true;
    }
    public void close() {
        if (isOpen) {
            //让ScrollView滚动到(menuWidth,0)的位置
            //带效果的滑动
            this.smoothScrollTo(menuWidth,0);
            isOpen=false;
        }
    }
    /*
    可以设置一个按钮控制抽屉的开关
*/
    public void toggle(){
        if(isOpen){
            close();
        }else{
            openDraw();
        }
    }
}

自定义属性

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <attr
        name="rightPadding" format="dimension"
    />
    <declare-styleable name="MySlidingMenu">
        <attr name="rightPadding" />
    </declare-styleable>

</resources>

好了，了解一下，现在抽屉已经使用不多了

zkbilian
关注
专栏目录
Android 抽屉实现
08-25
Android 抽屉实现，代码完整。下载下来运行即可
android抽屉实现
caozuiba
02-02 168
今天在手机上实现了抽屉效果，其实很简单，但是效果却很酷。 首先在layout 下设置xml布局文件 &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_...
安卓开发：左右抽屉结构的实现
最新发布
2301_77827336的博客
06-16 306
3、分别给三个constraintlayout设置layout_gravity的属性即left center 以及right。2、分别设置三个constralayout作为抽屉左中右结构。设置button安装监听器实现openDrawer。1、drawerlayout的设置。以上就是一个很简单的抽屉结构实现。一、layout基本布局。二、Java部分代码。
android 抽屉 例子,Android drawerlayout (导航抽屉)简单例子
weixin_29273849的博客
05-26 128
在2013 google IO当天，Android团的更新了 Support 库，新版本(V13)的Support库中新加入了几个比较重要的功能。创建Drawer Layout在需要抽屉菜单的界面，用 DrawerLayout 作为界面根控件。在DrawerLayout里面第一个View为当前界面主内容；第二个和第三个View为抽屉菜单内容。如果当前界面只需要一个抽屉菜单，则第三个View可以省...
从gitHub上整理出Android抽屉效果，包括左滑，右滑，上滑，下滑，想要实现的任何菜单效果都有
08-14
sampleActivity是事例代码，menuDrawer和actionBarSherLock是所要引用的类库
android抽屉列表
11-04
android实现抽屉列表，并且各个列表项前加有小图标，代码简单易懂，下载下来即可使用，修改为自己的布局即可使用抽屉效果。
Android 之抽屉效果（上下抽屉）
10-16
综上所述，这个项目提供了实现Android上下抽屉效果的方法，涉及到了触摸事件处理、动画效果、视图状态管理和用户体验等多个方面的知识。通过深入研究这个项目，开发者可以更好地理解和掌握如何在Android中创建定制的...
android UI进阶之android中隐藏的layout 抽屉的使用方法
01-20
首先，让我们了解一下`SlidingDrawer`的基本使用方法。`SlidingDrawer`是Android SDK中提供的一种视图，用于创建可滑动的抽屉效果。在XML布局文件中，我们可以通过以下方式定义一个`SlidingDrawer`： ```xml ...
Android抽屉效果上下抽屉
05-31
抽屉视图使用 `android:layout_gravity` 属性来定位，如 "start" 或 "end" 表示从左侧或右侧滑出。 6. **数据绑定和菜单项点击事件**: 如果抽屉中使用了NavigationView，菜单项的点击事件需要在Activity或Fragment...
android 抽屉效果
03-20
此外，还可以使用`openDrawer()`和`closeDrawer()`方法手动控制抽屉的开关。 5. **汉堡菜单图标**：为了触发抽屉的打开，可以在Action Bar上添加一个汉堡菜单图标（`android.R.drawable.ic_menuNavigate`）。设置`...
Android导航抽屉
weixin_44014982的博客
09-28 661
本文所有代码均位于之前使用过标签页布局可以让用户在应用中轻松地导航。当只有为数不多地几个类别屏幕，而且它们都在应用层次结构地同一级上，标签页布局就很适用。而可以实现更多选择，这是一个滑出式面板，包含了应用其他部分地链接。这可以把链接分组为不同的区段。
Android——滑动抽屉
07-13
Android——滑动抽屉，可放置任意多个button
android 抽屉实现
09-23
Android抽屉实现，很好用建议大家看看，会有帮助的
android 抽屉（坐上右下都可以设置）
09-27
android 抽屉（坐上右下都可以设置） 参考下面的链接：http://www.cnblogs.com/bluestorm/p/3716540.html https://pan.baidu.com/s/1c08Esj2
android 抽屉_Android导航抽屉教程
culing2941的博客
09-15 4668
android 抽屉In this tutorial you will learn about android navigation drawer. 在本教程中，您将了解android导航抽屉。 There are so little possibilities when it comes to choosing the main menu of an android application....
安卓抽屉菜单（侧滑菜单）全屏设置
aoyi2394的博客
01-31 320
有时候抽屉菜单想要设置全屏显示，只需要在Activity初始化的时候增加如下代码即可，设置方法如下： 其中llRightMenu为侧滑菜单。 1 2 WindowManager wm = this.getWindowManager();//获取屏幕宽高 3 4 int width1 = wm.getDefaultDisplay().getWi...
Android——抽屉开发
Java_0856的博客
02-28 458
具体的布局，根据情况使用include导入该布局 <androidx.drawerlayout.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/main_drawer_layout" android:layout_width="match_parent" android:layout_height="match_parent">
android 抽屉 例子,抽屉实现-->(示例代码)
weixin_39895995的博客
05-26 101
DrawerLayout可以实现左滑和右滑功能，只要在layout文件中配置好左右两个抽屉就可以了，左右两个抽屉可以是任意的view，结合NavigationView可以很好实现侧滑菜单的功能要使用DrawerLayout,需要v4包，使用NavigationView，需要v7包;--------------------------------------------布局-------------...
android 中DrawerLayout实现抽屉，android项目开发范例大全
m0_64319000的博客
11-18 392
DrawerLayout layout = (DrawerLayout) findViewById(R.id.drawer); ImageView imageView = (ImageView) findViewById(R.id.img); final ListView listView = (ListView) findViewById(R.id.list); //获取手机的菜单栏 final ActionBar actionBar = getActionBar(); actionBar.setTitl
自定义Android滑动抽屉菜单实现详解
此外，为了实现加速度效果，可能还需要使用到Android的VelocityTracker类来跟踪手指滑动的速度。 自定义抽屉菜单的实现涉及到了Android的触摸事件处理机制、视图动画以及手势识别等多个方面，这对于提升开发者对...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值