Android应用小实例--跟随手指的小球

最新推荐文章于 2023-12-29 23:11:28 发布

转载最新推荐文章于 2023-12-29 23:11:28 发布 · 636 阅读

Android 专栏收录该内容

64 篇文章

订阅专栏

本文展示了如何在Android应用中自定义视图组件，实现一个跟随手指移动的小球动画效果。通过继承View基类并重写onDraw方法绘制小球，同时在onTouchEvent方法中响应触摸事件，更新小球的位置并触发重新绘制，从而达到动态显示的效果。

实现效果图：

实现方式：

继承View类自己重绘一个圆，然后将这个自定义的继承于View类的加入到当前的Activity并且为这个自定义的View控件添加一个onTouchLitener事件

自定义组件继承于View类：

package com.jiahui.draw;

import android.content.Context;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.Paint;

import android.view.View;

public class DrawView extends View {

public float currentX=40;

public float currentY=50;

//必须重写一个构造方法

public DrawView(Context context) {

super(context);

// TODO Auto-generated constructor stub

}

//重写onDraw方法通过Canvas绘画

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

//创建画笔

Paint paint=new Paint();

paint.setColor(Color.RED);

//绘制一个小圆

canvas.drawCircle(currentX, currentY, 25, paint);

}

将自定义的组件添加到当前的Activity

package com.jiahui.draw;

import android.app.Activity;

import android.os.Bundle;

import android.view.MotionEvent;

import android.view.View;

import android.widget.LinearLayout;

public class CustomeViewActivity extends Activity {

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

LinearLayout root=(LinearLayout) findViewById(R.id.root);

//创建一个自己继承于View的对象

final DrawView drawView=new DrawView(this);

//设置自定义组件的最大宽度和高度

drawView.setMinimumWidth(300);

drawView.setMinimumHeight(500);

drawView.setOnTouchListener(new View.OnTouchListener() {

public boolean onTouch(View v, MotionEvent event) {

drawView.currentX=event.getX();

drawView.currentY=event.getY();

//重绘

drawView.invalidate();

//返回true表明算是方法已经处理该事件

return true;

}

});

root.addView(drawView);

}

main.xml:

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

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical"

android:background="#99FFCC"

android:id="@+id/root">

</LinearLayout 这个案例主要展示如何开发自定义的View。View组件的作用类似于Swing编程中的JPanel，它也是一个矩形的空白区域，View组件没有任何内容。对于Android应用的其他UI组件来说，他们都继承了View组件，然后在View组件提供的空白区域上绘制外观。
程序员在开发自己的UI组件时，首先定义一个继承View基类的子类，然后重写View类里面的方法。但是程序员并不需要重写所有方法，只需重写部分。下面以一个简单而清晰的案例来说明：
为了实现一个能跟随手指的小球，我们需要自定义UI组件，首先绘制一个小球，位置能动态改变，当用户通过手指在屏幕上拖动，程序在监听到这个动作的时候，获取位置坐标，传给自定义的组件，并重绘一个小球。
具体代码：
DrawView.java--------继承了View基类，并重写了onDraw方法，该方法负责在制定位置画一个小球。