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>
上一篇: javascript - 表单向导功能