Open In App

Android | How to display Analog clock and Digital clock

Improve
Improve
Like Article
Like
Save
Share
Report

Pre-requisites:

Analog and digital clocks are used for display the time in android application.

  1. Analog clock: Analog clock is a subclass of View class. It represents a circular clock. Around the circle, numbers 1 to 12 appear to represent the hour and two hands are used to show instant of the time- shorter one for the hour and longer is for minutes.
  2. Digital clock: Digital clock is subclass of TextView Class and uses numbers to display the time in “HH:MM” format.

For Example

In this Article, a simple android application is built to display the Analog clock and Digital clock.

How to create a Android Analog clock and Digital clock?

This example will help to develop an Android App that displays an Analog clock and a Digital clock according to the example shown above:
Below are the steps for Creating the Analog and Digital clock Android Application:

  • Step1: Firstly create a new Android Application. This will create an XML file “activity_main.xml” and a Java File “MainActivity.Java”. Please refer the pre-requisites to learn more about this step.

  • Step2: Open “activity_main.xml” file and add following widgets in a Relative Layout:
    • An Analog clock
    • A Digital clock

    This will make the UI of the Application. There is no need for assignment of IDs as these widgets will display the time by themselves.

  • Step3: Leave the Java file as it is.
  • Step4: Now Run the app. Both clocks are displayed on the screen.

The complete code of MainActivity.java and activity_main.xml of Analog Digital clock is given below:

activity_main.xml




<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
  
  
   <AnalogClock
  
       android:layout_marginTop="20dp"
       android:layout_marginLeft="120dp"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content" />
    <DigitalClock
  
        android:layout_marginLeft="140dp"
        android:textSize="25dp"
        android:layout_marginTop="300dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
  
  
</RelativeLayout>


MainActivity.java




package org.geeksforgeeks.navedmalik.analogdigital;
  
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
  
public class MainActivity extends AppCompatActivity {
  
    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}


Output:



Last Updated : 19 Feb, 2021
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads