【自定义View】2.Android滑动侧边栏SlidingMenu的原理

最新推荐文章于 2021-10-02 19:33:29 发布

pop1234o

最新推荐文章于 2021-10-02 19:33:29 发布

阅读量1k

点赞数

分类专栏： android框架文章标签： android 布局框架

本文链接：https://blog.csdn.net/u012203641/article/details/77986244

版权

android框架专栏收录该内容

6 篇文章 0 订阅

订阅专栏

本文介绍了Android经典布局框架SlidingMenu的实现原理，通过设置内容区content和菜单区menu的位置，利用滑动事件监听及setTranslationX()方法实现滑动效果。文章还提及了SimpleSlidingMenu的三种滑动模式，并提供了自定义选项。

摘要由CSDN通过智能技术生成

【难度★☆☆☆☆】Android滑动侧边栏是一个经典的布局框架，他能在有限的范围内展示更多的信息。

在学习这个效果之前，确保你已经知道如何实现一个滑动的View，可以参考这篇文章【自定义View】1.View的滑动。
接下来就是SlidingMenu的实现思路，首先我们有两个布局content和menu，content在屏幕中，menu在屏幕左侧，要实现这个，我们可以将menu使用setTranslationX()方法左移到屏幕外，然后我们监听滑动事件，根据位移来平移content和menu。
下面是初始化的方法

public class SimpleSlidingMenu extends RelativeLayout {
    public SimpleSlidingMenu(Context context, AttributeSet attrs) {
        super(context, attrs, defStyleAttr);
        init(context);
    }

    private void init(Context context) {
        content = new FrameLayout(context);
        menu = new FrameLayout(context);
        addView(menu, new LayoutParams(MATCH_PARENT, MATCH_PARENT));
        addView(content, new ViewGroup.LayoutParams(MATCH_PARENT, MATCH_PARENT));
    }
}

接下来监听滑动事件。

public class SimpleSlidingMenu extends RelativeLayout {
    //···
    private float lastX;
     @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                lastX = event.getRawX();
                break;
            case MotionEvent.ACTION_UP:
                scrollHelper.reset();
                break;
            case MotionEvent.ACTION_MOVE:
                float dx = event.getRawX() - lastX;
                //这里根据手指平移距离dx做平移操作
                lastX = event.getRawX();
                break;
        }
        return true;
    }
}