Android通过手势实现的缩放处理

推荐安卓开发神器（里面有各种UI特效和android代码库实例）

原文链接：http://www.iteye.com/topic/516876


原文《我认为HTC HERO-ROM支持所谓的多点触摸是个谎言》我觉得太具有攻击性，和我平时的风格不大相符，故撤换之。


看见网上很多人评论HTC的HERO是支持多点触摸的，我也心痒痒了很久。要知道，如果能找到绕过Google实现多点触摸的真理，那将会引起Android软件设计上的一场革命...

网络上传言HTC的HERO-ROM支持多点触摸的论证大多源于浏览网页和图片时，能像IPhone一样通过手势来控制页面的大小。但是我认为，就算不通过尚未公布的多点触摸（很怀疑HTC目前的电容屏是否只支持两点触摸而已，并不是多点。之前有看过一篇文章介绍电容屏的区别，如果我以后能找到一定贴上来，当然这是题外话了），我们一样能够利用现有的API实现HERO浏览图片和网页的缩放功能。

主要原理是onTouchEvent事件中的参数MotionEvent，它有一个getSize()方法。在一个点的时候，该方法永远返回0,而在两个触电的时候，该方法则根据两点相对位置变化而返回不同的值。我们只需计算出两点之间的距离变化，距离的大小表明我们希望目标变化的趋势。而getX()和getY()方法则永远座落在两触点之间，这样趋势和目标我们都有了。剩下的就是对目标根据趋势进行放大或缩小即可。

下边是根据我前边描述的思路编写的代码：让一个蓝色的圆根据手势放大或者缩小。流感中，代码就不指望太清晰了。

/**
 * ...
 * 
 * @author vlinux
 * 
 */
public class MultiTouchTestActivity extends Activity {
	/** Called when the activity is first created. */
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		// setContentView(R.layout.main);
		View view = new MultiTouchView(this);
		setContentView(view);
	}

	class MultiTouchView extends View {

		private float x1;
		private float y1;
		private float x2;
		private float y2;

		public MultiTouchView(Context context) {
			super(context);
			// TODO Auto-generated constructor stub
		}

		@Override
		public boolean onTouchEvent(MotionEvent event) {
			// TODO Auto-generated method stub

			float size = event.getSize();

			int szi = (int) size;
			int dxi = szi >> 12;
			int dyit = ((1 << 12) - 1);
			int dyi = szi & dyit;

			DisplayMetrics metrics = getResources().getDisplayMetrics();
			float dx = metrics.widthPixels * dxi / (float) dyit;
			float dy = metrics.heightPixels * dyi / (float) dyit;

			x1 = event.getX();
			y1 = event.getY();

			x2 = x1 + dx;
			y2 = y1 + dy;

			invalidate();

			return true;
		}

		@Override
		protected void onDraw(Canvas canvas) {
			// TODO Auto-generated method stub
			super.onDraw(canvas);

			float r = (float) Math.sqrt((x1 - x2) * (x1 - x2) + (y1 - y2)
					* (y1 - y2)) / 2;
			r = 50 >= r ? 50 : r;

			Paint paint = new Paint();
			paint.setColor(Color.BLUE);
			canvas.drawCircle(x1, y1, r, paint);

		}

	}

}

[img][/img][url][/url]

 

评论

2 楼 setimino 2010-12-29  

1楼说的现象和我发现的是一样的，没有实现多点触摸。经过跟踪，单点触摸和两点触摸getSize返回的值都不是0

1 楼 dododz 2010-09-20  

我测试好像只是触摸点上汇画了一个圆, 但实现不了2点触摸放大缩放效果啊