欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

android自定义组件-跟随手指的小球

程序员文章站 2022-06-09 10:28:40
...
自定义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>