Free Education

Online Education

Android Studio

Analog and Digital clock in android studio

Hello Guys. Welcome to our new tutorial of Analog and Digital clock using android studio. Here we will teach you how to display Analog and Digital clock in android. analog and digital clock display the time from the device. please follow the code given below to display Analog clock and Digital clock in android.

  • First Create a new project in Android Studio
  • File ⇒ New Android ⇒ Application Project
  • Then Open src -> package -> MainActivity.java and then add following code :

JAVA (MainActivity.java)

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.AnalogClock;
import android.widget.DigitalClock;

public class AnalogClockandDigitalClock extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_analog_clockand_digital_clock);

        AnalogClock ac = (AnalogClock) findViewById(R.id.analog);
        //what can i do with AnalogClock?

        DigitalClock dc = (DigitalClock) findViewById(R.id.digital);
        //what can i do with DigitalClock also? for display only

    }

}
  •  Now Open res -> layout -> activity_main.xml and then add following code :

XML (activity_main.xml)

<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:background="#D6D2D2"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/textview11"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Analog Clock"
        android:textAppearance="?android:attr/textAppearanceLarge"
        app:layout_constraintBottom_toTopOf="@+id/analog"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <AnalogClock
        android:id="@+id/analog"
        android:layout_width="148dp"
        android:layout_height="157dp"
        app:layout_constraintBottom_toTopOf="@+id/textView2"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.498"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textview11" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Digital Clock"
        android:textAppearance="?android:attr/textAppearanceLarge"
        app:layout_constraintBottom_toTopOf="@+id/digital"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/analog" />

    <DigitalClock
        android:id="@+id/digital"
        android:layout_width="75dp"
        android:layout_height="50dp"
        android:text="DigitalClock"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView2" />

</android.support.constraint.ConstraintLayout>

Output:

Finally, run this project.

This is how Android Analog and Digital Clock look like.

Analog and Digital Clock Screenshots:

analog and digital clock in android studio
Android Analog and Digital Clock

Download Complete Project Source Code:

Coming soon…

Leave a Reply

Your email address will not be published. Required fields are marked *