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;

     }

 }

巴特西

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

最新文章

热门文章