求助：类似QQ空间中相册中相片的浏览功能(滑动、放大缩小，双击放大再双击回原图)的功能

[Thylx]

因公司项目需求，需要做个类似QQ空间中相册的相片浏览功能，我是用ViewFlipper来实现滑动的，但是在捕获ImageView的onTouch事件时，放大缩小功能跟滑动功能起了冲突，哪位GGJJ能帮忙看下！下面是我的源码：

package dy.Imgs;


import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.Matrix;
import android.graphics.PointF;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.util.FloatMath;
import android.util.Log;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.View;
import android.view.GestureDetector.OnGestureListener;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.view.animation.ScaleAnimation;
import android.widget.ImageView;
import android.widget.Toast;
import android.widget.ViewFlipper;
import android.view.View.OnTouchListener;

/**
* Android实现类似QQ空间相册的相片浏览功能
* @author Administrator
*
*/
public class Imgs extends Activity implements OnGestureListener ,OnTouchListener{
private ViewFlipper flipper;
private GestureDetector detector;


private static final String TAG = "Touch";
Matrix matrix = new Matrix();
Matrix savedMatrix = new Matrix();
static final int NONE = 0;
static final int DRAG = 1;
static final int ZOOM = 2;
int mode = NONE;
PointF start = new PointF();
PointF mid = new PointF();
float oldDist = 1f;

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

detector = new GestureDetector(this);
flipper = (ViewFlipper) this.findViewById(R.id.ViewFlipper1);

flipper.addView(addTextView(R.drawable.one));
flipper.addView(addTextView(R.drawable.two));
flipper.addView(addTextView(R.drawable.four));
flipper.addView(addTextView(R.drawable.five));
}

private View addTextView(int id) {
ImageView iv = new ImageView(this);
iv.setImageResource(id);
iv.setOnTouchListener(this);
return iv;
}

@Override
public boolean onTouch(View v, MotionEvent event) {
ImageView view = (ImageView) v;
switch (event.getAction() & MotionEvent.ACTION_MASK)
{
case MotionEvent.ACTION_DOWN:
savedMatrix.set(matrix);
//设置初点位置
start.set(event.getX(), event.getY());
Log.d(TAG, "mode=DRAG");
mode = DRAG;
break;
case MotionEvent.ACTION_POINTER_DOWN:
oldDist = spacing(event);
Log.d(TAG, "oldDist=" + oldDist);
if (oldDist > 10f) {
savedMatrix.set(matrix);
midPoint(mid, event);
mode = ZOOM;
Log.d(TAG, "mode=ZOOM");
}
break;
case MotionEvent.ACTION_UP:
case MotionEvent.ACTION_POINTER_UP:
mode = NONE;
Log.d(TAG, "mode=NONE");
break;
case MotionEvent.ACTION_MOVE:
if (mode == DRAG) {
// ...
matrix.set(savedMatrix);
matrix.postTranslate(event.getX() - start.x,
event.getY() - start.y);
}
else if (mode == ZOOM) {
float newDist = spacing(event);
Log.d(TAG, "newDist=" + newDist);
if (newDist > 10f) {
matrix.set(savedMatrix);
float scale = newDist / oldDist;
matrix.postScale(scale, scale, mid.x, mid.y);
}
}
break;
}

view.setImageMatrix(matrix);
flipper.addView(view);
return true;
}

@Override
public boolean onTouchEvent(MotionEvent event) {
// TODO Auto-generated method stub
return this.detector.onTouchEvent(event);
}

@Override
public boolean onDown(MotionEvent e) {
// TODO Auto-generated method stub
return false;
}

@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
float velocityY) {
if (e1.getX() - e2.getX() > 120) {
this.flipper.setInAnimation(AnimationUtils.loadAnimation(this, R.anim.push_left_in));
this.flipper.setOutAnimation(AnimationUtils.loadAnimation(this, R.anim.push_left_out));
this.flipper.showNext();
return true;
} else if (e1.getX() - e2.getX() < -120) {
this.flipper.setInAnimation(AnimationUtils.loadAnimation(this, R.anim.push_right_in));
this.flipper.setOutAnimation(AnimationUtils.loadAnimation(this, R.anim.push_right_out));
this.flipper.showPrevious();
return true;
}

return false;
}

@Override
public void onLongPress(MotionEvent e) {
// TODO Auto-generated method stub

}

@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
float distanceY) {
// TODO Auto-generated method stub
return false;
}

@Override
public void onShowPress(MotionEvent e) {
// TODO Auto-generated method stub

}

@Override
public boolean onSingleTapUp(MotionEvent e) {
// TODO Auto-generated method stub
return false;
}

/** Determine the space between the first two fingers */
private float spacing(MotionEvent event) {
float x = event.getX(0) - event.getX(1);
float y = event.getY(0) - event.getY(1);
return FloatMath.sqrt(x * x + y * y);
}

/** Calculate the mid point of the first two fingers */
private void midPoint(PointF point, MotionEvent event) {
float x = event.getX(0) + event.getX(1);
float y = event.getY(0) + event.getY(1);
point.set(x / 2, y / 2);
}
}

[sunjiawang000]

不能用gallery么？我觉得gallery加上imageswitcher也能实现滑动点击放大啊。

[Thylx]

哦哦，我尝试下使用gallery，因为刚刚学习android3天，还有很多不懂~~
谢谢提点

[Thylx]

[Quote=引用 3 楼 sunjiawang000 的回复:]

不能用gallery么？我觉得gallery加上imageswitcher也能实现滑动点击放大啊。
[/Quote]
今天做了尝试，通过gallery加上imageswitcher放大的做法貌似是用动画吧，但是用动画的话他变大的时候不能在滑动的时候跟其他的进行同步，会超出跟两边的图片重叠！！

[a107494639]

[Quote=引用 5 楼 thylx 的回复:]

引用 3 楼 sunjiawang000 的回复:

不能用gallery么？我觉得gallery加上imageswitcher也能实现滑动点击放大啊。

今天做了尝试，通过gallery加上imageswitcher放大的做法貌似是用动画吧，但是用动画的话他变大的时候不能在滑动的时候跟其他的进行同步，会超出跟两边的图片重叠！！
[/Quote]
不是使用动画效果实现的，我这有一个demo，可以发给你看看

[Thylx]

自己来顶顶，哪位帮忙看下

[6gmq]

[Quote=引用 6 楼 的回复:]

引用 5 楼 thylx 的回复:

引用 3 楼 sunjiawang000 的回复:

不能用gallery么？我觉得gallery加上imageswitcher也能实现滑动点击放大啊。

今天做了尝试，通过gallery加上imageswitcher放大的做法貌似是用动画吧，但是用动画的话他变大的时候不能在滑动的时候跟其他的进行同步，会超出跟两边的图片重叠！！

不是使用动……
[/Quote]
可否给我也发一个？[e-mail]

[xiaoshang211]

也发我一个啊，刚好要用啊 [e-mail]

[xiaomiaode]

[Quote=引用 6 楼 的回复:]
引用 5 楼 thylx 的回复:

引用 3 楼 sunjiawang000 的回复:

不能用gallery么？我觉得gallery加上imageswitcher也能实现滑动点击放大啊。

今天做了尝试，通过gallery加上imageswitcher放大的做法貌似是用动画吧，但是用动画的话他变大的时候不能在滑动的时候跟其他的进行同步，会超出跟两边的图片重叠！！

不是使用动画……
[/Quote]
麻烦也发一份给我行吗？[e-mail]

[xiaomiaode]

楼主，你的问题解决没有呀。我也遇到同样的问题，我用ViewFlipper做好了切换，现在老板叫我加上缩放功能，弄了一天了，还是没有头绪……希望得到你的帮助哟。邮箱[e-mail]

[littleyinpan]

有人解决了么 麻烦发一份好么 谢啦 急用 [e-mail]

[chao2010686]

楼主解决没啊 遇到和你一样的问题 麻烦给我发个demo看看 谢谢

[chao2010686]

可否给我发一个 [e-mail][Quote=引用 6 楼 的回复:]

引用 5 楼 thylx 的回复:

引用 3 楼 sunjiawang000 的回复:

不能用gallery么？我觉得gallery加上imageswitcher也能实现滑动点击放大啊。

今天做了尝试，通过gallery加上imageswitcher放大的做法貌似是用动画吧，但是用动画的话他变大的时候不能在滑动的时候跟其他的进行同步，会超出跟两边的图片重叠！！

不是使用动……
[/Quote]

[諸葛鳥不死]

viewflipper实现图片缩放已经我已经实现了，不过有些bug。http://www.eoeandroid.com/thread-205601-1-1.html这个是我写的功能文章

[hzuhx]

楼主，问题解决了吗？

[随枫飘零]

[e-mail] DMEO给我一份吧，学习下，谢谢

[qq_15351475]

参考开源项目photoview https://github.com/chrisbanes/PhotoView