android自定义组件-跟随手指的小球_android 自定义原子球结构图

自定义view

package org.crazyit.ui;
 
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
 
public class DrawView extends View
{
	public float currentX = 40;
	public float currentY = 50;
	//public float currentX2 = 40; //离开屏幕时记录的点位置用来画直线
        //public float currentY2 = 50;
	// 定义、并创建画笔
	Paint p = new Paint();
	public DrawView(Context context) { super(context);}
	public DrawView(Context context , AttributeSet set) { super(context,set);}
	@Override
	public void onDraw(Canvas canvas)
	{
		super.onDraw(canvas);
		// 设置画笔的颜色
		p.setColor(Color.RED);
		// 绘制一个小圆（作为小球）
		canvas.drawCircle(currentX, currentY, 15, p);
              //canvas.drawLine(currentX, currentY, currentX2, currentY2, p);// 画线
	}
	// 为该组件的触碰事件重写事件处理方法
	@Override

	public boolean onTouchEvent(MotionEvent event)
	{
		// 修改currentX、currentY两个属性
		currentX = event.getX();
		currentY = event.getY();
		// 通知当前组件重绘自己
 
		invalidate();
		// 返回true表明该处理方法已经处理该事件
		return true;
//		int action = event.getAction();
//		switch (action)
//		{
//			case MotionEvent.ACTION_DOWN:
//				currentX = event.getX();
//				currentY = event.getY();
//				//invalidate();
//				break;
//			case MotionEvent.ACTION_UP:
//				currentX2 = event.getX();
//				currentY2 = event.getY();
//				//invalidate();
//				postInvalidate();
//				break;
//		}
//		return true;
}
 
}

注释掉代码用于画直线

invalidate();

是用来实现界面的刷新的，每次需要使用view时，使用invalidate（）后才能得到更新后的界面

postInvalidate()刷新界面在该代码中效果一样。

两种刷新界面的区别：android中实现view的更新有两组方法，一组是invalidate，另一组是postInvalidate，其中前者是在UI线程自身中使用，而后者在非UI线程中使用。

public DrawView(Context context) { super(context);}

是在new对象建立该View时调用的

public DrawView(Context context , AttributeSet set) { super(context,set);}

是在xml中声明自定义View是调用的

下面补充View类的四个构造方法

public DrawView(Context context) {
		super(context);
	}
public DrawView(Context context, AttributeSet attrs) {
		super(context, attrs);
		
}
public DrawView(Context context, AttributeSet attrs, int defStyleAttr) {
		super(context, attrs, defStyleAttr);
}

public DrawView(Context context, AttributeSet attrs, int defStyleAttr,
			int defStyleRes) {
		super(context, attrs, defStyleAttr, defStyleRes);
		// TODO Auto-generated constructor stub
	}

Activity

package org.crazyit.ui;
 
import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.LinearLayout;
 
 
public class CustomViewActivity extends Activity
{
	@Override
	public void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		// 获取布局文件中的LinearLayout容器
		LinearLayout root = (LinearLayout) findViewById(R.id.root);
		// 创建DrawView组件
		final DrawView draw = new DrawView(this);
		draw.setMinimumWidth(300);
                draw.setMinimumHeight(500);
		root.addView(draw);
	}
}

draw.setMinimumWidth(300);
draw.setMinimumHeight(500);

使用来设置自定义组件的最小宽度、高度，此处注释掉，测试没有明显区别

布局

	<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
		xmlns:tools="http://schemas.android.com/tools"
		android:layout_width="match_parent"
		android:layout_height="match_parent"
		tools:context=".CustomViewActivity"
		android:id="@+id/root"
		android:orientation="vertical">
	</LinearLayout>