Android analog clock (simple + beautiful)-hour hands, minute hands, second hands

Source: Internet
Author: User
Preface

Not long ago, I saw the simulated clock implemented by android on the Internet. It was very interesting. Here is the address:

Http://www.eoeandroid.com/forum.php? MoD = viewthread & tid = 58324 unfortunately this method does not exist

Stopwatch. I suddenly became interested and wanted to implement the following analog clock. After a while, I finally got it.

Now we will share the implementation methods and share them with you.

Not to mention, go first:

Preparations

First, we should prepare the relevant materials: the clock disk, the hour hand, the minute hand, the second hand picture.

Clock Disk:

Hour hand:

Split needle:

Seconds:

Source code

Configuration file, relatively simple:

<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 code: used to construct the clock view and refresh the display:

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 extends view {// clock disk, minute, second, And hour object bitmap mbmpdial; bitmap mbmphour; bitmap mbmpminute; bitmap mbmpsecond; describmdhour; describmdminute; describmdsecond; 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, attributeset ATTR) {This (context, "GMT + 8:00");} public myqanalogclock (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) {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 * 30366f + minute/601_f * 30366f; 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 ();}}}

Main 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);    }}

A simple analog clock is complete. However, we can see from the observation of the running effect that the author

 

The Design of hour hands, minute hands, and second-hand pictures is not very beautiful, but they are not very clear and experience is slightly poor. But this is not the focus

You can design the four pictures on your own to achieve different effects!

This example uses Android studio. The complete project source code is not uploaded! Over!

 

 

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.