Android自定义LinearLayout实现左右侧滑菜单，完美兼容ListView、ScrollView、ViewPager等滑动控件(1/6)

本篇文章主要介绍了" Android自定义LinearLayout实现左右侧滑菜单，完美兼容ListView、ScrollView、ViewPager等滑动控件"，主要涉及到方面的内容，对于移动开发感兴趣的同学可以参考一下： 国际惯例，先来效果图在阅读本文章之前，请确定熟悉【Scroller】相关的知识，如果不熟悉，请小伙伴儿先百度后再来吧。假如你已经知道【Scroller】了，那么...

国际惯例，先来效果图

在阅读本文章之前，请确定熟悉【Scroller】相关的知识，如果不熟悉，请小伙伴儿先百度后再来吧。

假如你已经知道【Scroller】了，那么就接着往下看吧。

首先，我们把侧拉菜单的构造给解析出来。多次观看上面的效果图，我们可以得出以下的结论。

• 整体可以看做是一个ViewGroup，这个ViewGroup包含了最多三个子View（分别是左菜单的红色View、中间正文内容的白色View、右菜单的蓝色View）；
• 三个子View（我称为UI界面，因为代码中的Java类就取名这个）的移动是在ViewGroup的onTouchEvent方法中控制；
• 每个UI界面都拥有独特的东西，比如子控件布局，因此我们希望用R.layout.*的方式引入；
• 每个UI界面又都拥有相同的属性，比如都有宽度属性，滑动临界值属性，那么就可以用一个超类来封装所有相似的东西；
• 最最重要的地方，动态计算出scrollX的值，然后用Scroller来滑动。

理清楚了结构后，我们来开始第一步的设计，也就是封装超类，首先给出代码：

/**
 * Created by ccwxf on 2016/6/14.
 */
public abstract class UI {

    protected Context context;
    //当前UI界面的布局文件
    protected View contentView;
    //当前UI界面在父控件的起点X坐标
    protected int startX;
    //当前UI界面在父控件的终点X坐标
    protected int stopX;
    //当前UI界面的宽度
    protected int width;

    protected UI(Context context, View contentView){
        this.context = context;
        this.contentView = contentView;
    }

    protected abstract void calculate(float leftScale, float rightScale);

    protected void show(Scroller mScroller){
        if(mScroller != null){
            mScroller.startScroll(mScroller.getFinalX(), mScroller.getFinalY(), startX - mScroller.getFinalX(), 0);
        }
    }
}

这个UI超类就用于模拟每一个界面，其中主要封装了内容View的设置、跳转界面的逻辑代码，以及暴露出去需要子类实现的calculate方法，这个calculate方法主要是要计算startX、stopX、width以及各子类独有的属性。

接下来展示左菜单的实现类LeftMenuUI：