View的滑动原理和多种滑动方法

参考链接:

http://blog.csdn.net/chunqiuwei/article/details/50679568#

http://blog.csdn.net/zly921112/article/details/50436538

view滑动种类:

 1.根据layout（）方法来产生滑动

     xml代码 （下面的布局也是这个一样的）  

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

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">


    <study.view.com.viewstudy.DragView
        android:id="@+id/dv"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:background="#000" />


</LinearLayout>

java部分（包含计算出偏移量）

 1 package study.view.com.viewstudy;
 2 
 3 import android.content.Context;
 4 import android.util.AttributeSet;
 5 import android.view.MotionEvent;
 6 import android.view.View;
 7 
 8 
 9 public class DragView extends View {
10 
11 
12     public DragView(Context context) {
13         this(context, null);
14     }
15 
16     public DragView(Context context, AttributeSet attrs) {
17         this(context, attrs, 0);
18     }
19 
20     public DragView(Context context, AttributeSet attrs, int defStyleAttr) {
21         super(context, attrs, defStyleAttr);
22         init(context);
23     }
24 
25     private void init(Context context) {
26     }
27 
28 
29     private int startX;
30     private int startY;
31 
32     @Override
33     public boolean onTouchEvent(MotionEvent event) {
34         int x = (int) event.getX();//表示相对于当前View的x
35         int y = (int) event.getY();//表示相对于当前View的y
36         switch (event.getAction()) {
37             /**
38              *
39              MotionEvent中的方法
40              getX()获取点击位置距离当前View左边的距离
41              getY()获取点击位置距离当前View上边的距离
42              getRawX()获取点击位置距离屏幕左边的距离
43              getRawY()获取点击位置距离屏幕上边的距离
44              */
45             case MotionEvent.ACTION_DOWN:
46                 startX = x;
47                 startY = y;
48                 break;
49             case MotionEvent.ACTION_MOVE:
50                 int distanceX = x - startX;
51                 int distanceY = y - startY;
52                 /**
53                  layout()中的方法
54                  getTop()获取到的是View自身顶边到父布局顶边的距离
55                  getBottom()获取到的是View自身底边到父布局顶边的距离
56                  getLeft()获取到的是View自身左边到父布局左边的距离
57                  getRight()获取到的是View自身右边到父布局左边的距离
58                  */
59                 layout(
60                         getLeft()+distanceX,
61                         getTop()+distanceY,
62                         getRight()+distanceX,
63                         getBottom()+distanceY
64                 );
65                 break;
66             case MotionEvent.ACTION_UP:
67 
68 
69                 break;
70         }
71         return true;
72     }
73 
74 
75 }

     2.offsetLeftAndRight(),offsetTopAndBottom()实现

      计算出偏移量后只需要下面代码即可

        

offsetLeftAndRight(distanceX);
offsetTopAndBottom(distanceY);

   3.view本身是不滑动的，滑动的是view的内容。view利用其view类内自带的方法scrollTo和ScrollBy来实现滑动

     scrollTo()移动到某点,scrollBy()移动的偏移量 (把View位置看成固定的,内容移动,并且他的坐标系正好跟我们平时的坐标系相反)

public void scrollTo(int x, int y) {  
    if (mScrollX != x || mScrollY != y) {  
        int oldX = mScrollX;  
        int oldY = mScrollY;  
         //记录滑动的位置  
         mScrollX = x;  
        mScrollY = y;  
        invalidateParentCaches();  
        onScrollChanged(mScrollX, mScrollY, oldX, oldY);  
        if (!awakenScrollBars()) {  
            postInvalidateOnAnimation();  
        }  
    }  
}  
  
public void scrollBy(int x, int y) {  
    scrollTo(mScrollX + x, mScrollY + y);  

     java部分

     

package study.view.com.viewstudy;

import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;


public class DragView extends View {


    public DragView(Context context) {
        this(context, null);
    }

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

    public DragView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context);
    }

    private void init(Context context) {
    }


    private int startX;
    private int startY;

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        int x = (int) event.getX();//表示相对于当前View的x
        int y = (int) event.getY();//表示相对于当前View的y
        switch (event.getAction()) {
            /**
             *
             MotionEvent中的方法
             getX()获取点击位置距离当前View左边的距离
             getY()获取点击位置距离当前View上边的距离
             getRawX()获取点击位置距离屏幕左边的距离
             getRawY()获取点击位置距离屏幕上边的距离
             */
            case MotionEvent.ACTION_DOWN:
                startX = x;
                startY = y;
                break;
            case MotionEvent.ACTION_MOVE:
                int distanceX = x - startX;
                int distanceY = y - startY;
                //修改的地方
                ((View)getParent()).scrollBy(-distanceX,-distanceY);
                break;
            case MotionEvent.ACTION_UP:


                break;
        }
        return true;
    }


}

     4.利用动画,让view产生滑动效果

     java代码部分

     

package study.view.com.viewstudy;

import android.animation.ObjectAnimator;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

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

        Button bt = (Button) findViewById(R.id.bt);
        final TextView tv = (TextView) findViewById(R.id.tv);
        bt.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(tv,"translationX",300);
                objectAnimator.setDuration(2000).start();


            }
        });
    }
}

  xml部分

    

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/tv"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:background="#f00" />

    <Button
        android:id="@+id/bt"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="点我" />

</LinearLayout>

　　    

5.通过动态的修改LayoutParams的margin等属性让View来产生滑动

    计算出偏移量（下面有计算代码）

     

LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) getLayoutParams();
lp.topMargin = getTop()+distanceY;
lp.leftMargin = getLeft() + distanceX;
setLayoutParams(lp);

  

   

      6.Scroller实现（Scroller是将一次较长的滑动,按一定时间分成多次较小的滑动实现视觉上的弹性滑动）

     基于上面代码

     

package study.view.com.viewstudy;

import android.annotation.SuppressLint;
import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Scroller;
import android.widget.TextView;


@SuppressLint("AppCompatCustomView")
public class DragView extends TextView {


    private Scroller scroller;

    public DragView(Context context) {
        this(context, null);
    }

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

    public DragView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context);
    }

    private void init(Context context) {
        scroller = new Scroller(context);
    }

    @Override
    public void computeScroll() {
        super.computeScroll();
        if(scroller.computeScrollOffset()){
            ((View)getParent()).scrollTo(scroller.getCurrX(),scroller.getCurrY());
            invalidate();//这里不断的递归修改坐标形成视觉上的弹性滑动
        }
    }

    private int startX;
    private int startY;

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        int x = (int) event.getX();//表示相对于当前view的x
        int y = (int) event.getY();
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                startX = x;
                startY = y;
                break;
            case MotionEvent.ACTION_MOVE:
                int distanceX = x - startX;
                int distanceY = y - startY;
                ((View)getParent()).scrollBy(-distanceX, -distanceY);



                break;
            case MotionEvent.ACTION_UP:
                View parent = (View) getParent();
                scroller.startScroll(
                        parent.getScrollX(),
                        parent.getScrollY(),
                        -parent.getScrollX(),
                        -parent.getScrollY());
                invalidate();//这里调用了就会触发ondraw()然后会调用computeScroll()方法
                break;
        }
        return true;
    }


}