Android实现模拟时钟(简单+漂亮)--时针、分针、秒针

         前言

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

                http://www.eoeandroid.com/forum.php?mod=viewthread&tid=58324可惜的是这种方式没有

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

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

                     不多说，先上效果图：

                     

                     

         准备工作

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

                    时钟盘：

                                    

                             时针：

                                                  

                            分针：

                                                  

                            秒针：     

                                                 

              源码部分

                              配置文件，比较简单：                     

                         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！

                

 

转载于:https://blog.51cto.com/kiritor/1226719