Android中View跟随手指滑动效果的实例代码

作者：袖梨 2022-06-25

本文讲述了Android中View跟随手指滑动效果的实例代码。分享给大家供大家参考，具体如下：

1、android View 主要6种滑动方法，分别是

  • layout()
  • offsetLeftAndRight()和offsetTopAndBottom()
  • LayoutParams
  • scrollBy()和 scrollTo()
  • Scroller
  • 动画

2、实现效果图

3、自定义中使用layout()方法实习view的滑动 

public class MoveView extends View { 
 private int lastX, lastY; 
 public MoveView(Context context, @Nullable AttributeSet attrs) { 
 super(context, attrs); 
 } 
 public MoveView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) { 
 super(context, attrs, defStyleAttr); 
 } 
 public MoveView(Context context) { 
 super(context); 
 } 
 public boolean onTouchEvent(MotionEvent event) { 
 int x = (int) event.getX(); 
 int y = (int) event.getY(); 
 switch (event.getAction()) { 
 case MotionEvent.ACTION_DOWN: 
 lastX = x; 
 lastY = y; 
 break; 
 case MotionEvent.ACTION_MOVE: 
 int offsetX = x - lastX;//计算滑动的距离 
 int offsetY = y - lastY; 
 //重新放置新的位置 
 layout(getLeft() + offsetX, getTop() + offsetY, getRight() + offsetX, getBottom() + offsetY); 
 } 
 return true; 
 } 
}

2、offsetLeftAndRight()和offsetTopAndBottom() 

 public boolean onTouchEvent(MotionEvent event) { 
 int x = (int) event.getX(); 
 int y = (int) event.getY(); 
 switch (event.getAction()) { 
 case MotionEvent.ACTION_DOWN: 
 lastX = x; 
 lastY = y; 
 break; 
 case MotionEvent.ACTION_MOVE: 
 int offsetX = x - lastX;//计算滑动的距离 
 int offsetY = y - lastY; 
 //重新放置新的位置 
// layout(getLeft() + offsetX, getTop() + offsetY, getRight() + offsetX, getBottom() + offsetY); 
 offsetLeftAndRight(offsetX); 
 offsetTopAndBottom(offsetY); 
 } 
 return true; 
 }

3、LayoutParams 改变布局参数的方法： 

public boolean onTouchEvent(MotionEvent event) { 
 int x = (int) event.getX(); 
 int y = (int) event.getY(); 
 switch (event.getAction()) { 
 case MotionEvent.ACTION_DOWN: 
 lastX = x; 
 lastY = y; 
 break; 
 case MotionEvent.ACTION_MOVE: 
 int offsetX = x - lastX;//计算滑动的距离 
 int offsetY = y - lastY; 
 //重新放置新的位置 
// layout(getLeft() + offsetX, getTop() + offsetY, getRight() + offsetX, getBottom() + offsetY); 
// offsetLeftAndRight(offsetX); 
// offsetTopAndBottom(offsetY); 
 LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) getLayoutParams(); 
 layoutParams.leftMargin = getLeft()+offsetX; 
 layoutParams.topMargin = getTop() +offsetY; 
 setLayoutParams(layoutParams); 
 } 
 return true; 
 }

4、当然使用动画 ，scrollBy()和 scrollTo()也可以使view滑动，不足的是使用scrollBy()和 scrollTo()滑动时，是瞬间完成的，用户体验不太好。

5、Scroller和 View的computeScroll() 结合使用，实现view平滑的移动 

public class MoveView extends View { 
 private Scroller mScroller; 
 public MoveView(Context context, @Nullable AttributeSet attrs) { 
 super(context, attrs); 
 mScroller = new Scroller(context); 
 } 
 public MoveView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) { 
 super(context, attrs, defStyleAttr); 
 } 
 public MoveView(Context context) { 
 super(context); 
 } 
 //重写computeScroll方法 
 @Override 
 public void computeScroll() { //view在onDraw的时候会调用此方法 
 super.computeScroll(); 
 if (mScroller.computeScrollOffset()) { 
 ((View) getParent()).scrollTo(mScroller.getCurrX(), mScroller.getCurrY()); 
 invalidate(); 
 } 
 } 
 //在外部调用这个方法即可 
 public void smoothScrollTo(int destX, int destY) { 
 int scrollX = getScrollX(); 
 int delta = destX - scrollX; 
 mScroller.startScroll(scrollX, 0, delta,0 ,6000); 
 invalidate(); 
 } 
}

相关文章

精彩推荐