为了更好地理解视图的工作原理,我试图制作一个RelativeLayout
,我可以拖拽和投掷。我们的想法是捕获onTouch
个事件,在RelativeLayout
期间设置ACTION_MOVE
的布局参数,然后使用Scroller
来" fling" ACTION_UP
上的观点。
要跟踪Velocity,我使用的是VelocityTracker
。当我拖动它时视图按预期移动,VelocityTracker
给出看似随机的结果。
下面是我在屏幕上从左向右滑动手指的日志片段(两个数字是x和y速度)。如你所见,有许多负数,y速度似乎比它应该大。
有谁知道我可能做错了什么?
03-30 20:37:29.857: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 23.123592 11.537558
03-30 20:37:29.873: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 356.74066 55.184505
03-30 20:37:29.888: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 343.06155 43.027973
03-30 20:37:29.904: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 248.62907 32.232735
03-30 20:37:29.927: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 182.43666 22.957638
03-30 20:37:29.943: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 157.40408 54.90605
03-30 20:37:29.959: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 59.81672 15.241951
03-30 20:37:29.974: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 45.65707 -8.753063
03-30 20:37:29.990: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 62.7431 -23.311165
03-30 20:37:30.005: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 82.24246 -20.412537
03-30 20:37:30.029: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 101.6548 4.1870637
03-30 20:37:30.045: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 35.63154 -25.088724
03-30 20:37:30.060: DEBUG/SlidingListViewRow(21863): ACTION_MOVE -65.35024 8.635846
03-30 20:37:30.076: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 34.84411 12.235493
03-30 20:37:30.091: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 137.96663 -32.02561
03-30 20:37:30.107: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 104.81523 4.6049824
03-30 20:37:30.130: DEBUG/SlidingListViewRow(21863): ACTION_MOVE -15.846537 -23.924715
03-30 20:37:30.146: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 2.1034415 19.266556
03-30 20:37:30.162: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 20.578733 29.17785
03-30 20:37:30.177: DEBUG/SlidingListViewRow(21863): ACTION_MOVE -28.217247 -42.907413
03-30 20:37:30.193: DEBUG/SlidingListViewRow(21863): ACTION_MOVE -0.87727404 -1.170224
03-30 20:37:30.209: DEBUG/SlidingListViewRow(21863): ACTION_MOVE -24.889711 8.474885
03-30 20:37:30.232: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 153.30855 23.77272
03-30 20:37:30.248: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 44.412945 17.595121
03-30 20:37:30.263: DEBUG/SlidingListViewRow(21863): ACTION_MOVE -39.40518 -28.735428
03-30 20:37:30.279: DEBUG/SlidingListViewRow(21863): ACTION_MOVE -58.433273 -2.295834
03-30 20:37:30.295: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 51.650055 -26.379906
03-30 20:37:30.310: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 152.88931 -20.75504
03-30 20:37:30.334: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 16.233286 -44.017315
03-30 20:37:30.349: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 23.231287 18.601854
03-30 20:37:30.365: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 7.3124657 38.14189
03-30 20:37:30.380: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 84.67032 -22.859661
03-30 20:37:30.396: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 22.753403 -6.019523
03-30 20:37:30.412: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 59.714558 -35.091564
03-30 20:37:30.435: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 27.547312 24.507784
03-30 20:37:30.451: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 114.54237 29.865501
03-30 20:37:30.466: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 70.55507 3.2689145
03-30 20:37:30.482: DEBUG/SlidingListViewRow(21863): ACTION_MOVE -2.4525054 -6.8937516
03-30 20:37:30.498: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 17.924507 -40.815117
03-30 20:37:30.521: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 43.035046 0.5026546
03-30 20:37:30.537: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 95.18336 -11.013772
03-30 20:37:30.552: DEBUG/SlidingListViewRow(21863): ACTION_MOVE -58.86387 10.808097
03-30 20:37:30.568: DEBUG/SlidingListViewRow(21863): ACTION_MOVE -15.751452 12.716822
03-30 20:37:30.584: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 6.3607893 -19.160402
03-30 20:37:30.599: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 93.13071 12.679931
03-30 20:37:30.623: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 71.644485 -24.96885
03-30 20:37:30.638: DEBUG/SlidingListViewRow(21863): ACTION_MOVE -12.482128 18.495268
03-30 20:37:30.654: DEBUG/SlidingListViewRow(21863): ACTION_MOVE -107.08017 23.484608
03-30 20:37:30.670: DEBUG/SlidingListViewRow(21863): ACTION_MOVE -1.009377 -20.781479
03-30 20:37:30.685: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 48.203453 0.5582556
03-30 20:37:30.701: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 12.369134 -34.194973
03-30 20:37:30.724: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 20.611326 14.374227
03-30 20:37:30.740: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 120.71236 56.88748
03-30 20:37:30.755: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 149.84518 14.843528
03-30 20:37:30.771: DEBUG/SlidingListViewRow(21863): ACTION_MOVE -129.18591 -13.255397
03-30 20:37:30.787: DEBUG/SlidingListViewRow(21863): ACTION_MOVE -110.96849 -42.02827
03-30 20:37:30.802: DEBUG/SlidingListViewRow(21863): ACTION_MOVE -77.30668 -12.200225
03-30 20:37:30.826: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 44.793446 16.331116
03-30 20:37:30.841: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 30.79781 -47.53295
03-30 20:37:30.857: DEBUG/SlidingListViewRow(21863): ACTION_MOVE -53.739525 -2.9649315
03-30 20:37:30.873: DEBUG/SlidingListViewRow(21863): ACTION_MOVE -86.65882 -16.804096
03-30 20:37:30.888: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 47.278873 52.180782
03-30 20:37:30.904: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 25.044767 32.227722
03-30 20:37:30.927: DEBUG/SlidingListViewRow(21863): ACTION_MOVE 40.374264 -65.27872
03-30 20:37:30.927: DEBUG/SlidingListViewRow(21863): ACTION_MOVE -12.49039 -48.878017
代码:
package com.example.SlidingListViewRow;
import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.VelocityTracker;
import android.widget.FrameLayout;
import android.widget.RelativeLayout;
import android.widget.Scroller;
public class SlidingListViewRow extends RelativeLayout {
VelocityTracker mVelocityTracker;
Scroller mScroller = new Scroller(getContext());
float mStartX, mStartY;
public SlidingListViewRow(Context context) {
super(context);
}
public SlidingListViewRow(Context context, AttributeSet attrs) {
super(context, attrs);
}
public SlidingListViewRow(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
if (mVelocityTracker == null) {
mVelocityTracker = VelocityTracker.obtain();
}
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
{
mVelocityTracker.clear();
mScroller.abortAnimation();
Log.d("SlidingListViewRow", "ACTION_DOWN: " + " x:" + event.getX() + " y:" + event.getY());
mStartX = event.getX();
mStartY = event.getY();
mVelocityTracker.addMovement(event);
return true;
}
case MotionEvent.ACTION_MOVE:
{
mVelocityTracker.addMovement(event);
mVelocityTracker.computeCurrentVelocity(1000);
float vx = mVelocityTracker.getXVelocity();
float vy = mVelocityTracker.getYVelocity();
FrameLayout.LayoutParams lp = (FrameLayout.LayoutParams) getLayoutParams();
Log.d("SlidingListViewRow", "ACTION_MOVE\t" + vx + "\t" + vy);
lp.leftMargin = (int)(lp.leftMargin + event.getX() - mStartX);
lp.topMargin = (int)(lp.topMargin + event.getY() - mStartY);
setLayoutParams(lp);
return true;
}
case MotionEvent.ACTION_UP:
{
mVelocityTracker.computeCurrentVelocity(1000);
FrameLayout.LayoutParams lp = (FrameLayout.LayoutParams) getLayoutParams();
Log.d("SlidingListViewRow", "ACTION_UP: " + mVelocityTracker.getXVelocity() + " " + mVelocityTracker.getYVelocity());
mScroller.forceFinished(true);
mScroller.startScroll(lp.leftMargin, lp.topMargin,
(int) mVelocityTracker.getXVelocity(),
(int) mVelocityTracker.getYVelocity(), 1000);
invalidate();
mVelocityTracker.recycle();
mVelocityTracker = null;
return true;
}
case MotionEvent.ACTION_CANCEL:
{
mVelocityTracker.recycle();
mVelocityTracker = null;
}
}
return super.onTouchEvent(event);
}
@Override
public void computeScroll() {
if (mScroller.computeScrollOffset()) {
Log.d("SlidingListViewRow", "computeScroll " + mScroller.getCurrX() + " " + mScroller.getCurrY());
FrameLayout.LayoutParams lp = (FrameLayout.LayoutParams) getLayoutParams();
lp.leftMargin = mScroller.getCurrX();
lp.topMargin = mScroller.getCurrY();
setLayoutParams(lp);
invalidate();
}
}
}
编辑:我想我已经走近了。似乎正在发生的事情是运动事件是相对于视图的,并且因为我移动视图,它们只是在我最初触摸视图的地方抖动。记录event.getX()
和event.getY()
,从上到下拖动手指时会出现以下情况。请注意,x和y几乎总是相同的。显然,这种方法不起作用。现在的问题是,我该如何解决它?
04-06 10:55:13.460: DEBUG/SlidingListViewRow(29988): ACTION_MOVE: x:174.0 y:241.85272 vx: 0.008770505 vy:7.7523403
04-06 10:55:13.476: DEBUG/SlidingListViewRow(29988): ACTION_MOVE: x:174.0 y:244.04398 vx: -0.0014130835 vy:7.125545
04-06 10:55:13.491: DEBUG/SlidingListViewRow(29988): ACTION_MOVE: x:174.0 y:242.04156 vx: -0.0018627803 vy:-8.498776
04-06 10:55:13.515: DEBUG/SlidingListViewRow(29988): ACTION_MOVE: x:174.0 y:243.98645 vx: -0.0011581925 vy:-10.778463
04-06 10:55:13.530: DEBUG/SlidingListViewRow(29988): ACTION_MOVE: x:174.0 y:243.67465 vx: 0.003123357 vy:-0.96067995
04-06 10:55:13.546: DEBUG/SlidingListViewRow(29988): ACTION_MOVE: x:174.0 y:244.90335 vx: 0.0012589534 vy:20.408503
04-06 10:55:13.562: DEBUG/SlidingListViewRow(29988): ACTION_MOVE: x:174.0 y:245.38507 vx: 0.0031079662 vy:42.45428
04-06 10:55:13.577: DEBUG/SlidingListViewRow(29988): ACTION_MOVE: x:174.0 y:246.9231 vx: 0.00393455 vy:20.763577
04-06 10:55:13.616: DEBUG/SlidingListViewRow(29988): ACTION_MOVE: x:174.0 y:245.3899 vx: 0.0024473427 vy:-15.408336
04-06 10:55:13.632: DEBUG/SlidingListViewRow(29988): ACTION_MOVE: x:174.0 y:246.62701 vx: 1.6782524E-4 vy:12.024636
04-06 10:55:13.648: DEBUG/SlidingListViewRow(29988): ACTION_MOVE: x:174.0 y:247.16913 vx: 0.0032229617 vy:5.3146386
答案 0 :(得分:5)
我必须用手指看看你的动作,看看数字是否匹配。 一些说明: - 在某些情况下,模拟器中的结果完全不准确且意外。 - 请注意,您没有跟踪指针。如果在某些时候屏幕上有多个压力点,它们可能会影响速度跟踪器的计算结果。
编辑: 你是对的。事件是相对于其初始状态的视图(除非您更改其layoutParams)我不建议。对于你想要做的事情,滚动应该完美地工作,这就是你正在做的事情。你想要实现的是什么?我们最近发布了一个我在过去几个月里一直在研究的图书馆,我的第一个方法与你的类似。 而是探索此选项:
mScroller.startScroll(sx, sy, dx, dy, duration);
实际上,您所拥有的代码似乎足以实现您想要的效果。您可以避免更改视图的布局参数,而不是那里的目标。 了解你的目标是有帮助的。 检查我们的图书馆,看看它是否更接近: https://github.com/6wunderkinder/android-sliding-layer-lib
您可以在此处的appstore中找到演示应用:https://play.google.com/store/apps/details?id=com.slidinglayersample
让我们从这里重拍。
编辑2: 潜入Android的源代码的AbsListView代码,我看到了一种可以为你工作的方法。 3502行:
mFlingRunnable.startOverfling(-initialVelocity);
mFlingRunnable是类FlingRunnable的一个对象,它在同一个AbsListView类中定义,并从Runnable(http://code.metager.de/source/xref/android/1.6/frameworks/base/core/java/android/widget/AbsListView.java - 第2237行)实现。这是一大堆代码。 在第1287行的Gallery类(http://code.metager.de/source/xref/android/1.6/frameworks/base/core/java/android/widget/Gallery.java)中有另一个例子。
我们的想法是使用Runnable作为重新计算每个帧重新运行并绘制被玷污对象位置的东西的手段。
这可能对您的目标来说太复杂了。另一个想法是从MotionEven.UP或CANCEL上的速度跟踪器获取速度,并根据VelocityTracked注册的最后速度创建计算目标的对象位置的动画:根据更远或更近的方式发送对象。用户移动手指时的速度。
答案 1 :(得分:1)
我遇到了完全相同的问题:我在跟踪速度时正在翻译视图。
为了避免因翻译视图而导致误差计算错误,我使用了来自9个机器人的AnimatorProxy.wrap(yourView).translateX(42);
(也可以在动作栏sherlock中找到)。这样您就可以在不影响速度跟踪的情况下翻译视图。
答案 2 :(得分:0)
我在同样的问题上挣扎。您在正确的轨道上翻译视图会影响速度跟踪器的计算。要解决此问题,请致电
MotionEvent.offsetLocation(diffX, diffY)
其中diffX,diffY对应于你在布局参数上做的偏移 - 所以你的情况下的diffX将是event.getX() - mStartX。在应用偏移量后,还请将动作事件添加到跟踪器作为处理ACTION_MOVE的最后一行。所以你的ACTION_MOVE处理应该是:
case MotionEvent.ACTION_MOVE:
{
float vx = mVelocityTracker.getXVelocity();
float vy = mVelocityTracker.getYVelocity();
FrameLayout.LayoutParams lp = (FrameLayout.LayoutParams) getLayoutParams();
Log.d("SlidingListViewRow", "ACTION_MOVE\t" + vx + "\t" + vy);
lp.leftMargin = (int)(lp.leftMargin + event.getX() - mStartX);
lp.topMargin = (int)(lp.topMargin + event.getY() - mStartY);
setLayoutParams(lp);
event.offsetLocation(event.getX() - mStartX, event.getY() - mStartY);
mVelocityTracker.addMovement(event);
mVelocityTracker.computeCurrentVelocity(1000);
return true;
}