android 通过运动的小球设置时间

【实例截图】

【核心代码】

/**
 * 设置时间中 小时 的面板
 */
package com.selfview;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;

public class DrawViewOne extends View {

	int panle_wigth;// 屏幕宽度像素
	int panle_height;// 屏幕高度像素
	int temp;// 1dp所对应的像素密度
	int mulData;// 设置小时时每一个小时占屏幕的高度
	int distances;// 获取面板高度
	private float cx = this.getMeasuredWidth() / 2;// 面板的宽度的一半
	private float cy = 50;
	private float radius = 25;
	Paint p = new Paint();

	public DrawViewOne(Context context) {
		super(context);
		// TODO Auto-generated constructor stub
	}

	public DrawViewOne(Context context, AttributeSet set) {
		super(context, set);
		// TODO Auto-generated constructor stub
	}

	@Override
	protected void onDraw(Canvas canvas) {
		// TODO Auto-generated method stub
		super.onDraw(canvas);

		DisplayMetrics dm = getResources().getDisplayMetrics();
		panle_wigth = dm.widthPixels; // 获取屏幕宽度像素
		panle_height = dm.heightPixels; // 获取屏幕高度像素
		int md = dm.densityDpi; // 获取像素密度
		temp = md / 160; // 1dp所对应的像素密度
		distances = (int) ((this.getMeasuredHeight() - radius * temp) - radius
				* temp);// 获取面板高度

		p.setColor(Color.argb(100, 220, 220, 220));
		revise();// 小球的移动范围不能超过组件面积

		canvas.drawCircle(cx, cy, radius * temp, p);
		p.setColor(Color.GREEN);
		p.setTextSize(50);// 设置字体大小
		canvas.drawText(cy   ":", 80, 50, p);// 在面板里面设置字体显示当前高度
	}

	@Override
	public boolean onTouchEvent(MotionEvent event) {

		switch (event.getAction()) {
		case MotionEvent.ACTION_DOWN:
			// 按下时
			cx = (int) event.getX();
			cy = (int) event.getY();
			// 通知重绘
			postInvalidate(); // 该方法会调用onDraw方法，重新绘图
			break;
		case MotionEvent.ACTION_UP:
			// 松开时小球回到中间
			cx = (int) this.getMeasuredWidth() / 2; // 绘制小球x轴坐标
			cy = (int) event.getY();
			// 通知重绘
			postInvalidate();
			break;
		case MotionEvent.ACTION_MOVE:
			// 移动
			cx = (int) event.getX();
			cy = (int) event.getY();
			// 设置背景颜色, 很烂的颜色,先将就着用下.个人觉得调用drawable下面的自己写的xml文件好点
			int space = distances / 5;// space表示每次增加多少像素高度就改变一次颜色,总共5中颜色
			Log.d("shit", space   "@@@");
			if (cy >= radius * temp && cy <= radius * temp   space) {
				DrawViewOne.this.setBackgroundResource(R.drawable.colora);
				MainActivity.dt.setBackgroundResource(R.drawable.colora);
			} else if (cy > radius * temp   space
					&& cy <= radius * temp   space * 2) {
				DrawViewOne.this.setBackgroundResource(R.drawable.colorb);
				MainActivity.dt.setBackgroundResource(R.drawable.colorb);
			} else if (cy > radius * temp   space * 2
					&& cy <= radius * temp   space * 3) {
				DrawViewOne.this.setBackgroundResource(R.drawable.colorc);
				MainActivity.dt.setBackgroundResource(R.drawable.colorc);
			} else if (cy > radius * temp   space * 3
					&& cy <= radius * temp   space * 4) {
				DrawViewOne.this.setBackgroundResource(R.drawable.colord);
				MainActivity.dt.setBackgroundResource(R.drawable.colord);
			} else if (cy > radius * temp   space * 4
					&& cy <= radius * temp   space * 5) {
				DrawViewOne.this.setBackgroundResource(R.drawable.colore);
				MainActivity.dt.setBackgroundResource(R.drawable.colore);
			} else {
				DrawViewOne.this.setBackgroundResource(R.drawable.colora);
				MainActivity.dt.setBackgroundResource(R.drawable.colora);
			}
			// 通知重绘
			postInvalidate();
			break;
		}
		// 文本显示小时
		// ****我的算法思想 同理 分钟也是 但是适配问题可能有误差****///
		// 首先要弄到面板高度,设置24小时制,就把面板高度除以24,面板分成24份,最后把每一份的范围表示一小时....
		if (cy >= radius * temp
				&& cy <= (this.getMeasuredHeight() - radius * temp)) {
			mulData = distances / 24;
			Log.d("shit", mulData   "@@@@@@@@"   distances);
			int hour = (int) ((cy * temp) / (mulData * temp) - 4);// 根据每一格像素高度计算出来小时
			if (hour >= 23) {
				MainActivity.infoTextOne.setText(23   "");
			} else if (hour <= 0) {
				MainActivity.infoTextOne.setText("0"   hour);
			} else if (hour <= 9) {
				MainActivity.infoTextOne.setText("0"   hour);
			} else {
				MainActivity.infoTextOne.setText(hour   "");
			}
		}
		return true;
	}

	// 修正圆点坐标 使小球能只能在面板的内部移动
	private void revise() {
		if (cx <= radius * temp) {
			cx = radius * temp;
		} else if (cx >= (this.getMeasuredWidth() - radius) * temp) {
			cx = (this.getMeasuredWidth() - radius) * temp;
		}

		if (cy <= radius * temp) {
			cy = radius * temp;
			Log.d("shit",
					radius * temp   "!!!!"   temp   "\n"
							  this.getMeasuredHeight()   "\n"
							  (this.getMeasuredHeight() - radius * temp));
		} else if (cy >= (this.getMeasuredHeight() - radius * temp)) {
			cy = (this.getMeasuredHeight() - radius * temp);
		}
	}

}