【Android】利用自定义View的重绘实现拖动移动，获取组件的尺寸

标签：触摸   移动   canvas   安卓   app   

下面利用一个app来说明如何利用自定义View的重绘实现拖动移动，获取组件的尺寸。

如下图，触摸拖动，或者轻轻点击屏幕都能移动图片。如果碰到文字，则会弹出提示。

这里是利用自定义View的重绘来实现的。就是点击屏幕一次，这个自定义View就会重绘一次。虽然这个自定义View里面就只有一个图片。

1、首先在res\values\strings.xml中定义各个字体文件，修改之后如下：

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <string name="app_name">拖动移动</string>
    <string name="action_settings">Settings</string>
    <string name="textView1">触摸白色屏幕任意位置能移动图片</string>

</resources>

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/frameLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="100sp"
        android:text="@string/textView1"
        android:textSize="24sp" />

</FrameLayout>

最后同时要回收上次绘制出来的图像。

package com.touch_move;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.view.View;

public class ImageLayout extends View {
	public float x;
	public float y;
	private Paint paint;
	public Bitmap bitmap;

	public ImageLayout(Context context) {
		super(context);
		paint = new Paint();
		bitmap = BitmapFactory.decodeResource(this.getResources(),
				R.drawable.ic_launcher);
	}

	@Override
	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		canvas.drawBitmap(bitmap, x, y, paint);
		if (bitmap.isRecycled()) {
			bitmap.recycle();
		}
	}

}

注意获取组件的时候，获取的是自定义布局中的图片ImageLayout.bitmap的尺寸，而不是自定义布局ImageLayout，自定义布局是覆盖整个帧布局，因此你在app中，点击任意白色位置，其触摸事件都生效。

在实现触摸事件中，由于默认是把触摸点为左上角，绘制头像的，因此要作图片尺寸的编译，使图片的中央生成在光标的点击处。

触摸事件的返回值记得是false，否则这个触摸事件会返回两次。

package com.touch_move;

import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.FrameLayout;
import android.widget.TextView;
import android.widget.Toast;
import android.app.Activity;

public class MainActivity extends Activity implements OnTouchListener {
	private FrameLayout frameLayout1;
	private TextView textView1;
	private ImageLayout imageLayout;
	private int textView1Left;
	private int textView1Top;
	private int textView1Width;
	private int textView1Height;
	private int bitmapWidth;
	private int bitmapHeight;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		frameLayout1 = (FrameLayout) findViewById(R.id.frameLayout1);
		textView1 = (TextView) findViewById(R.id.textView1);
		imageLayout = new ImageLayout(this);
		imageLayout.setOnTouchListener(this);
		frameLayout1.addView(imageLayout);
	}

	@Override
	public boolean onTouch(View view, MotionEvent motionEvent) {

		imageLayout.x = motionEvent.getX() - bitmapWidth / 2;
		imageLayout.y = motionEvent.getY() - bitmapHeight / 2;
		imageLayout.invalidate();
		if ((textView1Left < motionEvent.getX())
				&& (motionEvent.getX() < (textView1Left + textView1Width))
				&& (textView1Top < motionEvent.getY())
				&& (motionEvent.getY() < (textView1Top + textView1Height))

		) {
			Toast.makeText(this, "图片与文字撞在一起了……", Toast.LENGTH_SHORT).show();

		}

		return false;
	}

	@Override
	public void onWindowFocusChanged(boolean hasFocus) {
		super.onWindowFocusChanged(hasFocus);
		bitmapWidth = imageLayout.bitmap.getWidth();
		bitmapHeight = imageLayout.bitmap.getHeight();
		textView1Left = textView1.getLeft();
		textView1Top = textView1.getTop();
		textView1Width = textView1.getWidth();
		textView1Height = textView1.getHeight();
	}

}

【Android】利用自定义View的重绘实现拖动移动，获取组件的尺寸

标签：触摸   移动   canvas   安卓   app   

原文地址：http://blog.csdn.net/yongh701/article/details/46800643