Create TimePicker Android App Using Android Studio

Introduction

Android is one of the most popular operating systems for mobile. In this article, I will show you how to create a TimePicker Android application using Android Studio.

Requirements

• Android Studio version 2.3.3
• Little bit XML and Java knowledge.
• Android Emulator (or) Android mobile
• Download link (Android Studio)

Steps to be followed

Follow these steps to create a Native TimePicker Android application using Android Studio. I have included the source code in attachment.

Step 1

Open Android Studio and start a new Android Studio Project.

Step 2

You can choose your application name and choose where your project is stored on the location. If you wish to use C++ for coding the project, mark the "Include C++ support", and click "Next" button.



Now, select the version of Android and select the target Android devices.

Step 3

Now, add the activity and click "Next" button.



Add the activity name and click "Finish".

Step 4

Go to activity_main.xml. This XML file contains the designing code for an Android app in the activity_main.xml.



The XML code is given below.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"

    tools:context="abu.timepicker.MainActivity">
    <TimePicker
        android:id="@+id/simpleTimePicker"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="50dp"
        android:background="#0000FF"
        android:padding="20dp"
        android:timePickerMode="clock" />
    <TextView
        android:id="@+id/time"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:text="Time Is ::"
        android:textColor="#008000"
        android:textSize="20sp"
        android:textStyle="bold" />
</RelativeLayout>

Step 5

Go to MainActivity.java. This Java program is the back-end language for Android.



The Java code is given below.

package abu.timepicker;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.app.TimePickerDialog;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.TextView;
import android.widget.TimePicker;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity {
    TextView time;
    TimePicker firstTimePicker;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        time = (TextView) findViewById(R.id.time);
        firstTimePicker = (TimePicker) findViewById(R.id.simpleTimePicker);
        firstTimePicker.setIs24HourView(false); // used to display AM/PM mode
        // perform set on time changed listener event
        firstTimePicker.setOnTimeChangedListener(new TimePicker.OnTimeChangedListener() {
            @Override
            public void onTimeChanged(TimePicker view, int hourOfDay, int minute) {
                // display a toast with changed values of time picker
                Toast.makeText(getApplicationContext(), hourOfDay + " " + minute, Toast.LENGTH_SHORT).show();
                time.setText(" Now Time is :: " + hourOfDay + " : " + minute);
            }
        });
    }
}

Step 6

Now, go to menu bar and click "Make project" or press ctrl+f9 to debug the app from errors.

Step 7

Then, click "Run" button or press shift+f10 to run the project. Choose "virtual machine" and click OK.

Conclusion

We have successfully created a TimePicker Android application using Android Studio.