Android实现模拟时钟(简单+漂亮)--时针、分针、秒针
前言
前不久在网上看见Android实现的模拟时钟，感觉十分有意思，这里是地址：
http://www.eoeandroid.com/forum.php?mod=viewthread&tid=58324可惜的是这种方式没有
秒表。笔者突然对其有了兴趣，也想去实现以下自己的模拟时钟。折腾了一阵子总算是弄出来了
现在将实现方式共享出来，大家一些交流。
不多说，先上效果图：
准备工作
首先我们应该准备相关的素材：时钟盘、时针、分针、秒针图片.
时钟盘：
时针：
分针：
秒针：
源码部分
配置文件，比较简单：
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/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">
<com.kiritor.mymodelclock.MyQAnalogClock
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
/>
</LinearLayout>
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！
