最近由于项目需要,需要自制一个钟表视图,并加一些业务逻辑,所以根据自定义一个View的步骤,自制了一个钟表,见下图:
下面是我自定义View的代码,参考了网上大神的代码,自己做了一些项目业务的逻辑,优化了一下整个View.
package com.hp.clock;
import android.content.BroadcastReceiver;
import android.content.Context;
import android.content.Intent;
import android.content.IntentFilter;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.PaintFlagsDrawFilter;
import android.graphics.drawable.Drawable;
import android.os.Handler;
import android.text.format.DateUtils;
import android.text.format.Time;
import android.util.AttributeSet;
import android.view.View;
/**
* 时钟控件
*
*/
public class ClockView extends View {
private Time mCalendar;
private final Drawable mHourHand; // 时钟时针图片
private final Drawable mMinuteHand; // 时钟分针图片
private final Drawable mSecondHand; // 时钟秒针图片
private final Drawable mDial; // 时钟表盘图片
private final int mDialWidth; // 组件宽度
private final int mDialHeight; // 组件高度
private boolean mAttached;
private final Handler mHandler = new Handler();
private float mSeconds; // 秒数,例如23s
private float mMinutes; // 分钟数,例如12m
private float mHour; // 小时数,例如5h
private boolean mChanged;
private final Context mContext;
// private String mTimeZoneId;
private int mTimeZoneOffset = 0; // 时差,单位是小时
private boolean mNoSeconds = false; // 用来判断是否需要显示秒针
public ClockView(Context context) {
this(context, null);
}
public ClockView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public ClockView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
mContext = context;
mCalendar = new Time();
// 此处获取自定义的组件属性,定义在attr.xml中,用法详见activity_main.xml布局文件
TypedArray a = context.obtainStyledAttributes(attrs,
R.styleable.ClockView);
mDial = a.getDrawable(R.styleable.ClockView_dialogDrawable);
mHourHand = a.getDrawable(R.styleable.ClockView_hourHandDrawable);
mMinuteHand = a.getDrawable(R.styleable.ClockView_minuteHandDrawable);
mSecondHand = a.getDrawable(R.styleable.ClockView_secondHandDrawable);
mDialWidth = mDial.getIntrinsicWidth();
mDialHeight = mDial.getIntrinsicHeight();
a.recycle();
}
/*
* 组件attach到窗口上的回调
*
* @see android.view.View#onAttachedToWindow()
*/
@Override
protected void onAttachedToWindow() {
super.onAttachedToWindow();
// 防止重复注册监听
if (!mAttached) {
mAttached = true;
IntentFilter filter = new IntentFilter();
filter.addAction(Intent.ACTION_TIME_TICK);
filter.addAction(Intent.ACTION_TIME_CHANGED);
filter.addAction(Intent.ACTION_TIMEZONE_CHANGED);
// 注册监听,监听时间变更事件
getContext().registerReceiver(mIntentReceiver, filter, null,
mHandler);
}
mCalendar = new Time();
// 获取最新时间
onTimeChanged();
// 每隔一秒时钟变化1次
post(mClockTick);
}
/*
* 组件从组件detach的回调
* @see android.view.View#onDetachedFromWindow()
*/
@Override
protected void onDetachedFromWindow() {
super.onDetachedFromWindow();
// 注销监听和使循环停止
if (mAttached) {
getContext().unregisterReceiver(mIntentReceiver);
removeCallbacks(mClockTick);
mAttached = false;
}
}
/*
* 在绘制时钟组件之前 (onDraw)调用,用来决定时钟组件的大小
* @see android.view.View#onMeasure(int, int)
*/
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int widthMode = MeasureSpec.getMode(widthMeasureSpec);
int widthSize = MeasureSpec.getSize(widthMeasureSpec);
int heightMode = MeasureSpec.getMode(heightMeasureSpec);
int heightSize = MeasureSpec.getSize(heightMeasureSpec);
float hScale = 1.0f;
float vScale = 1.0f;
// 设置的组件宽度如果小于时钟表盘图片的宽度,则算出缩放比率
if (widthMode != MeasureSpec.UNSPECIFIED && widthSize < mDialWidth) {
hScale = (float) widthSize / (float) mDialWidth;
}
// 同上,此处为高度
if (heightMode != MeasureSpec.UNSPECIFIED && heightSize < mDialHeight) {
vScale = (float) heightSize / (float) mDialHeight;
}
// 保证组件的宽高一致
float scale = Math.min(hScale, vScale);
setMeasuredDimension(
resolveSize((int) (mDialWidth * scale), widthMeasureSpec),
resolveSize((int) (mDialHeight * scale), heightMeasureSpec));
}
/*
* 组件大小发生变化时的回调,比如在外部设置组件的宽高
*
* @see android.view.View#onSizeChanged(int, int, int, int)
*/
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
mChanged = true;
}
/*
* 组件绘制回调
* @see android.view.View#onDraw(android.graphics.Canvas)
*/
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
canvas.setDrawFilter(new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG
| Paint.FILTER_BITMAP_FLAG)); // 防锯齿
boolean changed = mChanged;
if (changed) {
mChanged = false;
}
final Drawable dial = mDial;
int w = dial.getIntrinsicWidth();
int h = dial.getIntrinsicHeight();
int availableWidth = getWidth();
int availableHeight = h;
int x = availableWidth / 2;
int y = availableHeight / 2;
boolean scaled = false;
// 如有需要,等比例缩放,保证宽高一致
if (availableWidth < w || availableHeight < h) {
scaled = true;
float scale = Math.min((float) availableWidth / (float) w,
(float) availableHeight / (float) h);
canvas.save();
canvas.scale(scale, scale, x, y);
}
if (changed) {
dial.setBounds(x - (w / 2), y - (h / 2), x + (w / 2), y + (h / 2));
}
dial.draw(canvas); // 绘制表盘
if (!mNoSeconds) {
drawHand(canvas, mSecondHand, x, y, mSeconds / 60.0f * 360.0f,
changed); // 绘制秒针
}
drawHand(canvas, mMinuteHand, x, y, mMinutes / 60.0f * 360.0f, changed); // 绘制分针
drawHand(canvas, mHourHand, x, y, mHour / 12.0f * 360.0f, changed); // 绘制时针
if (scaled) {
canvas.restore();
}
}
/**
* 绘制时分秒针
*
* @param canvas
* @param hand
* @param x
* @param y
* @param angle
* @param changed
*/
private void drawHand(Canvas canvas, Drawable hand, int x, int y,
float angle, boolean changed) {
canvas.save();
canvas.rotate(angle, x, y);
if (changed) {
final int w = hand.getIntrinsicWidth();
final int h = hand.getIntrinsicHeight();
hand.setBounds(x - (w / 2), y - (h / 2), x + (w / 2), y + (h / 2));
}
hand.draw(canvas);
canvas.restore();
}
/**
* 时间变更回调,计算出当前的时分秒
*/
private void onTimeChanged() {
mCalendar.setToNow();
if (mTimeZoneOffset != 0)
{
long offset = - mCalendar.gmtoff * 1000 + (mTimeZoneOffset * 3600000);
if (offset != 0)
{
mCalendar.set(mCalendar.toMillis(false) + offset);
}
}
// if (mTimeZoneId != null) {
// mCalendar.switchTimezone(mTimeZoneId);
// }
int hour = mCalendar.hour;
int minute = mCalendar.minute;
int second = mCalendar.second;
// long millis = System.currentTimeMillis() % 1000;
mSeconds = second;// (float) ((second * 1000 + millis) / 166.666);
mMinutes = minute + second / 60.0f;
mHour = hour + mMinutes / 60.0f;
mChanged = true;
updateContentDescription(mCalendar);
}
/**
* 时间变化Receiver,回调后不做逻辑处理,因为使用了mClockTick循环
*/
private final BroadcastReceiver mIntentReceiver = new BroadcastReceiver() {
@Override
public void onReceive(Context context, Intent intent) {
// if (intent.getAction().equals(Intent.ACTION_TIMEZONE_CHANGED)) {
// String tz = intent.getStringExtra("time-zone");
// mCalendar = new Time(TimeZone.getTimeZone(tz).getID());
// }
// onTimeChanged();
// invalidate();
}
};
/**
* 时间间隔1s循环1次
*/
private final Runnable mClockTick = new Runnable() {
@Override
public void run() {
onTimeChanged();
invalidate();
ClockView.this.postDelayed(mClockTick, 1000);
}
};
private void updateContentDescription(Time time) {
final int flags = DateUtils.FORMAT_SHOW_TIME | DateUtils.FORMAT_24HOUR;
String contentDescription = DateUtils.formatDateTime(mContext,
time.toMillis(false), flags);
setContentDescription(contentDescription);
}
// public void setTimeZone(String id) {
// mTimeZoneId = id;
// onTimeChanged();
// }
/**
* 时差,小时为单位
*
* @param timezoneOffset
*/
public void setTimezoneOffset (int timezoneOffset) {
this.mTimeZoneOffset = timezoneOffset;
}
/**
* 设置是否需要秒针
*
* @param enable
*/
public void enableSeconds(boolean enable) {
mNoSeconds = !enable;
}
}