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)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
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)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 |
<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:
Download Complete Project Source Code:
Coming soon…