TimePicker In Android

Introduction

This article explains TimePicker in Android. Android Studio is used to create the sample.

This application picks the time from the system on a button click. For this you need to use the TimePicker to pick the time of a system, Button to provide input, and TextView in your XML file. The TimePicker class provides two methods, getCurrentHour() and getCurrentMinute().

getCurrentHour() is provided by the TimePicker class that returns the current hour.  

getCurrentMinute() is provided by the TimePicker class that returns the current minute.

Step 1

Create a project like this:



Step 2

Create an XML file and put a TimePicker, Buttton, and TextView in it, as in the following:

<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"

    android:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    android:paddingBottom="@dimen/activity_vertical_margin"

    tools:context=".MainActivity"

    android:background="#f1234567">

 

<TimePicker

    android:layout_height="wrap_content"

    android:layout_marginTop="86dp"

    android:layout_centerHorizontal="true"

    android:layout_alignParentTop="true"

    android:layout_width="wrap_content"

    android:id="@+id/timePicker">

 

</TimePicker>

 

    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="TimePicker"

        android:textStyle="bold"

        android:textSize="30dp"

        android:id="@+id/textView"

        android:layout_marginLeft="80dp"

        />

 

    <Button

        android:layout_width="200dp"

        android:layout_height="wrap_content"

        android:text="TimePicker"

        android:textColor="#ffffff"

        android:textStyle="bold"

        android:id="@+id/button"

        android:background="#000000"

        android:layout_marginTop="300dp"

        android:layout_centerHorizontal="true"

        />

</RelativeLayout>

Step 3

Create a Java file with the following.

In this file you will create the id's of all the resources and provide the functionality of all. Now create the getCurrentTime() method in which you will get the current hour and current minute in the string variable. Set the button on its click and in the onClick set the text of a textView to "textView.setText(getCurrentTime)".

package com.timepicker;

 

import android.content.DialogInterface;

import android.os.Bundle;

import android.app.Activity;

import android.text.format.Time;

import android.view.Menu;

import android.view.View;

import android.widget.Button;

import android.widget.TextView;

import android.widget.TimePicker;

 

public class MainActivity extends Activity {

 

    TextView textView;

    Button button;

    TimePicker timePicker;

 

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        textView=(TextView)findViewById(R.id.textView);

        button=(Button)findViewById(R.id.button);

        timePicker=(TimePicker)findViewById(R.id.timePicker);

 

 

        button.setOnClickListener(new View.OnClickListener() {

      @Override

      public void onClick(View v) {

          textView.setText(getCurrentTime());

      }

  });

 

    }

 

public String getCurrentTime()

{

    String currentTime= (timePicker.getCurrentHour())+":"+timePicker.getCurrentMinute();

    return currentTime;

}

 

    @Override

    public boolean onCreateOptionsMenu(Menu menu) {

        // Inflate the menu; this adds items to the action bar if it is present.

        getMenuInflater().inflate(R.menu.main, menu);

        return true;

    }

   

}

Step 4

Android Manifest.xml file
 

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

    package="com.timepicker"

    android:versionCode="1"

    android:versionName="1.0" >

 

    <uses-sdk

        android:minSdkVersion="7"

        android:targetSdkVersion="16" />

 

    <application

        android:allowBackup="true"

        android:icon="@drawable/ic_launcher"

        android:label="@string/app_name"

        android:theme="@style/AppTheme" >

        <activity

            android:name="com.timepicker.MainActivity"

            android:label="@string/app_name" >

            <intent-filter>

                <action android:name="android.intent.action.MAIN" />

 

                <category android:name="android.intent.category.LAUNCHER" />

            </intent-filter>

        </activity>

    </application>

</manifest>

Step 5

Time set on the TextView on a button click by TimePicker: