实现类似launcher的滑动桌面

这个例子中涉及到了以下几个知识点：

• 1) attrs.xml文件的使用
• 2) GestureDetector.OnGestureListener监听手势
• 3) onLayout()、onMeasure()、onTouchEvent()的使用

接下来说一下我实现的 思路：

• 1) 每个桌面就是一个大组件，水平的排列在线性布局文件中，每个桌面适合屏幕一样大小，所以要拓展LinearLayout，重写其中的onMeasure()、onLayout()方法
• 2) 由于要实现随手势滑动，所以只要实现GestureDetector.OnGestureListener接口中的onDown()、onScroll()方法就可以
• 3) 由于要接收触屏事件，所以要实现onTouchEvent()

接下来我们来看一下代码吧：

public class ScrollLayout extends LinearLayout implements GestureDetector.OnGestureListener{
    private int offset;  //相对距离
    private GestureDetector gestureDetector;  //手势事件
    private int childWidth; //子View的宽度
    private int childCount; //子视图的数量
    private int defaultWindow; //默认窗口

    private boolean setShareWindowFlag=false;    // 保证默认窗口的设置只执行一次

    public ScrollLayout(Context context) {
        super(context);
        init();
    }

    public ScrollLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
        //获取定义的defaultWindow的值
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.MyScrollWindow);
        defaultWindow = typedArray.getInteger(R.styleable.MyScrollWindow_defaultWindow,0);
    }

    private void init(){
        gestureDetector = new GestureDetector(this.getContext(),this);
    }

    //返回值为true 才能触发 手势事件
    public boolean onDown(MotionEvent e) {
        return true;
    }

    public void onShowPress(MotionEvent e) { }

    public boolean onSingleTapUp(MotionEvent e) {
        return false;  
    }
    //顺手势滑动
    public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
        //获取滑动的距离
        offset = (int) (offset - distanceX);
        //防止滑出边界
        if(offset>0){
            offset=0;
        }else if(offset < -1*childWidth*(childCount-1)){
            offset= -1*childWidth*(childCount-1);
        }
        //重绘布局
        requestLayout();
        return true;
    }

    public void onLongPress(MotionEvent e) {
        
    }

    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
        return false;  
    }

    //设置布局文件的宽高和每个桌面的宽高
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec,heightMeasureSpec);

        //给每个桌面设置和屏幕相同的宽度和高度
        int childCount = getChildCount();
        for(int i=0;i<childCount;i++){
            getChildAt(i).measure(widthMeasureSpec,heightMeasureSpec);
        }

    }

    //设置布局
    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {

        childCount = getChildCount();   //获取子视图数
        childWidth = childCount > 0? getChildAt(0).getMeasuredWidth():0; //获取字节点的宽度
        if(!setShareWindowFlag&&defaultWindow>=0&&defaultWindow<=childCount-1){
            //设置默认窗口的左端距离
            offset = -1*defaultWindow*childWidth;
            setShareWindowFlag=true;
        }
        //设置距离(0,0)点X轴方向的初始距离
        int left = 0+offset;
        for (int i = 0; i < childCount ;  i ++){
            //设置每个子视图在布局中的位置
            View child = getChildAt(i);
            if(child.getVisibility()!=View.GONE){
                child.layout(left,0,childWidth+left,child.getMeasuredHeight());
                left = left + childWidth;
            }
        }
    }

    //触屏事件
    @Override
    public boolean onTouchEvent(MotionEvent event) {
       boolean result = gestureDetector.onTouchEvent(event);
       if(event.getAction()==MotionEvent.ACTION_UP){
           //当手指抬起来时 判断滑动距离显示整个子视图
           showOneDesktop();
       }
       return result;
    }

    //判断当手指抬起时显示那个桌面
    private void showOneDesktop(){
       int index = Math.abs(offset)/childWidth;
       if(Math.abs(offset)-index*childWidth>childWidth/2){
           index++;
       }
       offset = offset > 0 ? index*childWidth : -1*index*childWidth; 
       requestLayout();
    }
}

在这段代码中使用到的attrs.xml文件：

<resources>
        <declare-styleable name="MyScrollWindow">
            <attr name="defaultWindow" format="integer"/>
        </declare-styleable>
</resources>

使用：

<?xml version="1.0" encoding="utf-8"?>
<com.wxg.scroll_window.view.ScrollLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:demo="http://schemas.android.com/apk/res/com.wxg.scroll_window"
        android:id="@+id/testLayout"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        demo:defaultWindow="1"
        >
        <FrameLayout
            android:layout_height="fill_parent"
            android:layout_width="fill_parent"
            android:background="#cccccc">

            <Button
                    android:layout_height="wrap_content"
                    android:layout_width="wrap_content"
                    android:text="1"/>
            </FrameLayout>
        <FrameLayout
            android:layout_height="fill_parent"
            android:layout_width="fill_parent"
            android:background="#ffffff">

            <Button
                    android:layout_height="wrap_content"
                    android:layout_width="wrap_content"
                    android:text="2"/>
            </FrameLayout>
        <FrameLayout
            android:layout_height="fill_parent"
            android:layout_width="fill_parent"
            android:background="#bcbcbc">

            <Button
                    android:layout_height="wrap_content"
                    android:layout_width="wrap_content"
                    android:text="3"/>
            </FrameLayout>


        </com.wxg.scroll_window.view.ScrollLayout>