前言

前不久在网上看见Android实现的模拟时钟，感觉十分有意思，这里是地址：

秒表。笔者突然对其有了兴趣，也想去实现以下自己的模拟时钟。折腾了一阵子总算是弄出来了

现在将实现方式共享出来，大家一些交流。

不多说，先上效果图：

准备工作

首先我们应该准备相关的素材：时钟盘、时针、分针、秒针图片.

时钟盘：

时针：

分针：

秒针：

源码部分

配置文件，比较简单：

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical"

tools:context=".MainActivity"

android:background="@color/bg">

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center"

/>

MyQAnalogClock代码：用于构造时钟view以及其刷新显示：

package com.kiritor.mymodelclock;

import android.util.AttributeSet;

import com.kiritor.mymodelclock.R;

import android.content.Context;

import android.graphics.*;

import android.graphics.drawable.BitmapDrawable;

import android.os.Handler;

import android.view.View;

import java.util.Calendar;

import java.util.TimeZone;

/**

* Created by Kiritor on 13-5-30.

*/

public class MyQAnalogClock extends View {

//时钟盘，分针、秒针、时针对象

Bitmap mBmpDial;

Bitmap mBmpHour;

Bitmap mBmpMinute;

Bitmap mBmpSecond;

BitmapDrawable bmdHour;

BitmapDrawable bmdMinute;

BitmapDrawable bmdSecond;

BitmapDrawable bmdDial;

Paint mPaint;

Handler tickHandler;

int mWidth;

int mHeigh;

int mTempWidth = bmdSecond.getIntrinsicWidth();

int mTempHeigh;

int centerX;

int centerY;

int availableWidth = 100;

int availableHeight = 100;

private String sTimeZoneString;

public MyQAnalogClock(Context context,AttributeSet attr)

{

this(context,"GMT+8：00");

}

public MyQAnalogClock(Context context, String sTime_Zone) {

super(context);

sTimeZoneString = sTime_Zone;

mBmpHour = BitmapFactory.decodeResource(getResources(),

R.drawable.shizhen);

bmdHour = new BitmapDrawable(mBmpHour);

mBmpMinute = BitmapFactory.decodeResource(getResources(),

R.drawable.fenzhen);

bmdMinute = new BitmapDrawable(mBmpMinute);

mBmpSecond = BitmapFactory.decodeResource(getResources(),

R.drawable.miaozhen);

bmdSecond = new BitmapDrawable(mBmpSecond);

mBmpDial = BitmapFactory.decodeResource(getResources(),

R.drawable.android_clock_dial);

bmdDial = new BitmapDrawable(mBmpDial);

mWidth = mBmpDial.getWidth();

mHeigh = mBmpDial.getHeight();

centerX = availableWidth / 2;

centerY = availableHeight / 2;

mPaint = new Paint();

mPaint.setColor(Color.BLUE);

run();

}

public void run() {

tickHandler = new Handler();

tickHandler.post(tickRunnable);

}

private Runnable tickRunnable = new Runnable() {

public void run() {

postInvalidate();

tickHandler.postDelayed(tickRunnable, 1000);

}

};

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

Calendar cal = Calendar.getInstance(TimeZone

.getTimeZone(sTimeZoneString));

int hour = cal.get(Calendar.HOUR);

int minute = cal.get(Calendar.MINUTE);

int second = cal.get(Calendar.SECOND);

float hourRotate = hour * 30.0f + minute / 60.0f * 30.0f;

float minuteRotate = minute * 6.0f;

float secondRotate = second * 6.0f;

boolean scaled = false;

if (availableWidth < mWidth || availableHeight < mHeigh) {

scaled = true;

float scale = Math.min((float) availableWidth / (float) mWidth,

(float) availableHeight / (float) mHeigh);

canvas.save();

canvas.scale(scale, scale, centerX, centerY);

}

bmdDial.setBounds(centerX - (mWidth / 2), centerY - (mHeigh / 2),

centerX + (mWidth / 2), centerY + (mHeigh / 2));

bmdDial.draw(canvas);

mTempWidth = bmdHour.getIntrinsicWidth();

mTempHeigh = bmdHour.getIntrinsicHeight();

canvas.save();

canvas.rotate(hourRotate, centerX, centerY);

bmdHour.setBounds(centerX - (mTempWidth / 2), centerY

- (mTempHeigh / 2), centerX + (mTempWidth / 2), centerY

+ (mTempHeigh / 2));

bmdHour.draw(canvas);

canvas.restore();

mTempWidth = bmdMinute.getIntrinsicWidth();

mTempHeigh = bmdMinute.getIntrinsicHeight();

canvas.save();

canvas.rotate(minuteRotate, centerX, centerY);

bmdMinute.setBounds(centerX - (mTempWidth / 2), centerY

- (mTempHeigh / 2), centerX + (mTempWidth / 2), centerY

+ (mTempHeigh / 2));

bmdMinute.draw(canvas);

canvas.restore();

mTempWidth = bmdSecond.getIntrinsicWidth();

mTempHeigh = bmdSecond.getIntrinsicHeight();

canvas.rotate(secondRotate, centerX, centerY);

bmdSecond.setBounds(centerX - (mTempWidth / 2), centerY

- (mTempHeigh / 2), centerX + (mTempWidth / 2), centerY

+ (mTempHeigh / 2));

bmdSecond.draw(canvas);

if (scaled) {

canvas.restore();

}

}

}

主Activity：

package com.kiritor.mymodelclock;

import android.app.Activity;

import android.os.Bundle;

/**

* Created by Kiritor on 13-5-30.

*/

public class MainActivity extends Activity {

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

}

}

好了一个简单的模拟时钟就完成了，不过通过观察运行效果可以看出的是，笔者对

时针、分针、秒针图片的设计不是太美观，看的不是太清楚，体验略差。不过这不是重点

读者可以自己去设计一下那4张图片，从而做出不同的效果!

这里本实例使用Android Studio做的，完整项目源码就不上传了!Over！