可缩放列表视图不滚动
我有一个问题:我的自定义列表视图在缩放之前不滚动。缩放按预期工作。我该如何解决这个问题?可缩放列表视图不滚动
ZoomableListView:
public class ZoomableListView extends ListView {
private ScaleGestureDetector mScaleDetector;
private float mScaleFactor = 1.f;
private boolean isPagerEnabled;
private static final int INVALID_POINTER_ID = -1;
// The ‘active pointer’ is the one currently moving our object.
private int mActivePointerId = INVALID_POINTER_ID;
private float mPosX;
private float mPosY;
private float mLastTouchX;
private float mLastTouchY;
// Pivot point for Scaling
static float gx = 0, gy = 0;
public ZoomableListView(Context context, AttributeSet attrs) {
super(context, attrs);
mScaleDetector = new ScaleGestureDetector(getContext(), new ScaleListener());
}
public ZoomableListView(Context context) {
super(context);
mScaleDetector = new ScaleGestureDetector(getContext(), new ScaleListener());
}
@Override
public void onDraw(Canvas canvas) {
super.onDraw(canvas);
canvas.save(Canvas.MATRIX_SAVE_FLAG);
canvas.translate(mPosX, mPosY);
canvas.scale(mScaleFactor, mScaleFactor);
canvas.restore();
}
@Override
protected void dispatchDraw(Canvas canvas) {
// Save the canvas to set the scaling factor returned from detector
canvas.save(Canvas.MATRIX_SAVE_FLAG);
if (mScaleFactor == 1.0f) {
isPagerEnabled = true;
} else {
isPagerEnabled = false;
}
if (mScaleFactor == 1.0f) {
mPosX = 0.0f;
mPosY = 0.0f;
}
canvas.translate(mPosX, mPosY);
canvas.scale(mScaleFactor, mScaleFactor);
super.dispatchDraw(canvas);
canvas.restore();
invalidate();
}
@Override
public boolean onTouchEvent(MotionEvent ev) {
final int action = ev.getAction();
mScaleDetector.onTouchEvent(ev);
switch (action & MotionEvent.ACTION_MASK) {
case MotionEvent.ACTION_DOWN: {
final float x = ev.getX();
final float y = ev.getY();
mLastTouchX = x;
mLastTouchY = y;
// Save the ID of this pointer
mActivePointerId = ev.getPointerId(0);
break;
}
case MotionEvent.ACTION_MOVE: {
// Find the index of the active pointer and fetch its position
final int pointerIndex = ev.findPointerIndex(mActivePointerId);
final float x = ev.getX(pointerIndex);
final float y = ev.getY(pointerIndex);
final float dx = x - mLastTouchX;
final float dy = y - mLastTouchY;
mPosX += dx;
mPosY += dy;
mLastTouchX = x;
mLastTouchY = y;
invalidate();
break;
}
case MotionEvent.ACTION_UP: {
mActivePointerId = INVALID_POINTER_ID;
break;
}
case MotionEvent.ACTION_CANCEL: {
mActivePointerId = INVALID_POINTER_ID;
break;
}
case MotionEvent.ACTION_POINTER_UP: {
// Extract the index of the pointer that left the touch sensor
final int pointerIndex = (action & MotionEvent.ACTION_POINTER_INDEX_MASK) >> MotionEvent.ACTION_POINTER_INDEX_SHIFT;
final int pointerId = ev.getPointerId(pointerIndex);
if (pointerId == mActivePointerId) {
// This was our active pointer going up. Choose a new
// active pointer and adjust accordingly.
final int newPointerIndex = pointerIndex == 0 ? 1 : 0;
mLastTouchX = ev.getX(newPointerIndex);
mLastTouchY = ev.getY(newPointerIndex);
mActivePointerId = ev.getPointerId(newPointerIndex);
}
break;
}
}
return true;
}
private class ScaleListener extends ScaleGestureDetector.SimpleOnScaleGestureListener {
@Override
public boolean onScale(ScaleGestureDetector detector) {
mScaleFactor *= detector.getScaleFactor();
// Don't let the object get too small or too large.
mScaleFactor = Math.max(1.0f, Math.min(mScaleFactor, 3.0f));
invalidate();
return true;
}
}
}
这是自定义列表视图的XML:
<com.android.app.core.view.ZoomableListView
android:id="@android:id/list"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginBottom="40dp"
android:divider="@android:color/darker_gray"
android:dividerHeight="1dp" >
</com.android.app.core.view.ZoomableListView>
感谢的任何答复。
尝试添加super.onTouchEvent(ev);
。我试了一下,以确认它的工作:
你需要一些波兰的边缘检测,但它是一个非常好的课堂!你应该看看我的项目,[TouchImageView](https://github.com/MikeOrtiz/TouchImageView)。它可能有助于您的边缘检测代码。 –
非常感谢。现在,listview按预期工作:) – ricky
另一个需要注意的是,在你的onScale中,你应该用'detector.getFocusX();'和'detector.getFocusY()'来获取刻度的焦点。然后,使用该焦点在缩放时缩放画布。这将使视图看起来更自然地缩放。 –
请添加这些行
@Override
public boolean onTouchEvent(MotionEvent ev) {
// Let the ScaleGestureDetector inspect all events.
mScaleDetector.onTouchEvent(ev);
return true;
}
有这个
<com.android.app.core.view.ZoomableListView
android:id="@android:id/list"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginBottom="40dp"
android:divider="@android:color/darker_gray"
android:dividerHeight="1dp" >
</com.android.app.core.view.ZoomableListView>
谢谢你的回答,但我的意思是该列表视图在放大之前不滚动 – ricky
@Jitesh Upadhyay请回答这个问题http://*.com/questions/32242187/how-to-zoom-list-item-from-center-of-pinch –
你在'onTouchEvent'返回true。这意味着你已经处理了触摸事件,所以父母不会再尝试处理它。 – bogdan
对不起,我的意思是这个listview在缩放之前不会滚动 – ricky
@ricky这个从左上角放大listview。我们可以控制这个吗?这应该从两个手指的中点放大视图。总之这应该缩小视图在捏位置 –