TimePicker is UI (User Interface) Element in android That allows user to select a time.
It allows you to select time by Hours and Minute and TimePicker is a subclass of FrameLayout Class. To Create TimePicker In Android We Use <TimePicker> Tag in XML And You can also create TimePicker Programmatically.
Table of Contents
Important TimePicker Attributes
| Attribute | Description |
|---|---|
android:timePickerMode |
You can set this attribute either spinner or clock |
If you set timePickerMode=”clock”
Your TimePicker will look like this
If you set timePickerMode=”spinner”
Your TimePicker will look like this
If you want to create TimePicker in clock mode, Then In your XML file Inside your <TimePicker> Tag You can set android:timePickerMode to Clock or you can set this attribute to spinner in order to use TimePicker in spinner mode. According to your need you can use both this mode inside your app. Now Let’s Understand it with an example.
Important TimePicker Methods
| Attribute | Description |
|---|---|
is24HourView() |
This method returns true if the TimePicker is in 24 hours View |
getCurrentHour() |
To get Selected Hour |
getCurrentMinute() |
To Get the Selected Minute |
setIs24HoursView() |
If it’s true TimePicker will be in 24 Hours View |
setCurrentHour(Integer currentHour) |
This method sets the current hour |
setCurrentMinute(Integer currentMinute) |
This method sets the current minute |
TimePicker Example
Here is an example Demonstrating How to Use TimePicker.
File : activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="vertical"
tools:context=".MainActivity">
<!--This TextView will display The Time
Selected by the user-->
<TextView
android:id="@+id/time_tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="10:10"
android:textSize="20sp"
android:visibility="gone" />
<TimePicker
android:id="@+id/current_time_picker"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="20dp" />
<Button
android:id="@+id/get_time_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Get Time" />
</LinearLayout>
Activity Class
File : MainActivity.java
package com.vairagicodes.timepickerexample
import android.os.Bundle
import android.view.View
import android.widget.Button
import android.widget.TextView
import android.widget.TimePicker
import androidx.appcompat.app.AppCompatActivity
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
val getTimeButton = findViewById<Button>(R.id.get_time_button)
val setTimeTextView = findViewById<TextView>(R.id.time_tv)
val timePicker = findViewById<TimePicker>(R.id.current_time_picker)
timePicker.setIs24HourView(false)
getTimeButton.setOnClickListener {
val hour = timePicker.hour
val minute = timePicker.minute
setTimeTextView.text = "$hour:$minute"
setTimeTextView.visibility = View.VISIBLE
}
}
}
package com.vairagicodes.timepickerexample;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
import android.widget.TimePicker;
import androidx.appcompat.app.AppCompatActivity;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button getTimeButton = findViewById(R.id.get_time_button);
TextView setTimeTextView = findViewById(R.id.time_tv);
TimePicker timePicker = findViewById(R.id.current_time_picker);
timePicker.setIs24HourView(false);
getTimeButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
int hour = timePicker.getHour();
int minute = timePicker.getMinute();
setTimeTextView.setText(hour + ":" + minute);
setTimeTextView.setVisibility(View.VISIBLE);
}
});
}
}
If you find this content Helpful feel free to Enroll in our Android Development Course with Kotlin contact us for more information
