服务器之家

服务器之家 > 正文

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

时间:2022-02-21 15:44     来源/作者:meetings

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

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

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

2、实现效果图

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

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

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
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()

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
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 改变布局参数的方法:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
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平滑的移动

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
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();
 }
}

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对服务器之家的支持。

原文链接:https://blog.csdn.net/meetings/article/details/79390275

标签:

相关文章

热门资讯

蜘蛛侠3英雄无归3正片免费播放 蜘蛛侠3在线观看免费高清完整
蜘蛛侠3英雄无归3正片免费播放 蜘蛛侠3在线观看免费高清完整 2021-08-24
2022年最旺的微信头像大全 微信头像2022年最新版图片
2022年最旺的微信头像大全 微信头像2022年最新版图片 2022-01-10
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
返回顶部