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！