Welcome

首页 / 移动开发 / Android / Android自定义控件实现随手指移动的小球

一个关于自定义控件的小Demo,随着手指移动的小球。
先看下效果图:


实现代码如下:

1.自定义控件类

package com.dc.customview.view;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;import android.view.WindowManager;public class DrawCircle extends View {//圆的初始位置private int x = 100;private int y = 100;Context context;/** * 有style资源文件时调用 * @param context * @param attrs * @param defStyle */public DrawCircle(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);this.context = context;}/** * xml创建时调用 * @param context * @param attrs */public DrawCircle(Context context, AttributeSet attrs) {super(context, attrs);this.context = context;}/** * java代码创建时调用 * @param context */public DrawCircle(Context context) {super(context);this.context = context;}@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);// 画笔Paint paint = new Paint();paint.setColor(Color.RED);//绘制圆//cx :圆心的x坐标//cy :圆心的y坐标//radius :圆的半径//paint :画笔canvas.drawCircle(x, y, 20, paint);}@Overridepublic boolean onTouchEvent(MotionEvent event) {switch (event.getAction()) {case MotionEvent.ACTION_DOWN:case MotionEvent.ACTION_MOVE:case MotionEvent.ACTION_UP:// 获取当前触摸点的x,y坐标x = (int) event.getX();y = (int) event.getY();break;}//获取屏幕宽高WindowManager manager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);int width = manager.getDefaultDisplay().getWidth();int heigh = manager.getDefaultDisplay().getHeight();//重新绘制圆 ,控制小球不会被移出屏幕if(x>=20 && y>=20 && x<=width-20 && y<=heigh-90){invalidate();}// 自己处理触摸事件return true;}}
2.引用自定义控件
第一种:xml中引用

<RelativeLayout 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" android:id="@+id/rl"><!-- 自定义控件的全类名 --><com.dc.customview.view.DrawCircleandroid:id="@+id/circle"android:layout_width="wrap_content"android:layout_height="wrap_content" ></com.dc.customview.view.DrawCircle></RelativeLayout>
第二种:代码中引用

package com.dc.customview;import com.dc.customview.view.DrawCircle;import android.os.Bundle;import android.app.Activity;import android.view.Menu;import android.view.View;import android.widget.RelativeLayout;public class MainActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//获取容器RelativeLayout container = (RelativeLayout) findViewById(R.id.rl);//创建自定义控件DrawCircle circle = new DrawCircle(this);//添加到容器container.addView(circle);}}
以上,将Demo运行到模拟器或手机上,即可实现一个红色的圆,随着手指触摸移动而移动的效果。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。