Android Time Picker
Android Time Picker
1
Android TimePicker is a component that permits users to select a
time including hour and minute.
Clock Mode
Clock mode is the default mode of the TimePicker, in which the
user can visually select the time just like he/ she is adjusting the
time on a clock. Besides, you can also use the keyboard to change
values of hour and minute.
2
TimePicker (Clock Mode)
<TimePicker
android:id="@+id/timePicker"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:timePickerMode="clock" />
3
4
• TimePicker timePicker = (TimePicker) this.findViewById(R.id.timePicker);
timePicker.setIs24HourView(true); // 24H Mode
• timePicker.setIs24HourView(true);
5
Spinner Mode
•In Spinner mode, a TimePicker consists of 2 or 3 Spinners.
These Spinners respectively allows the user to select the hour, the
minute, and either AM or PM.
•TimePicker in Spinner & AM_PM mode consists of
three Spinners, in which the user chooses the hour in the
first Spinner with the values ranging from 1 to 12.
•Next, select the minute in the second Spinner with the values
from 0 to 59;
•Last but not least, select AM/PM in the third spinner.
6
TimePicker (Spinner Mode)
<TimePicker
android:id="@+id/timePicker"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:timePickerMode="spinner" />
7
8
• TimePicker in Spinner & 24H mode only comprises
2 Spinners.
• The user chooses the hour in the first Spinner with
the values ranging from 0 to 23, and
• The minute in the second Spinner with values from 0
to 59.
9
10
1. Create a new project on Android Studio:
2. File > New > New Project > Empty Activity
– Name: TimePickerExample
– Package name: com.example.timepickerexample
– Language: Java
11
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TimePicker
android:id="@+id/timePicker1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_marginTop="20dp" />
12
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/timePicker1"
android:layout_marginTop="10dp"
android:layout_marginLeft="160dp"
android:text="Get Time" />
13
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/button1"
android:layout_marginLeft="120dp"
android:layout_marginTop="10dp"
android:textStyle="bold"
android:textSize="18dp"/>
</RelativeLayout>
14
public class MainActivity extends AppCompatActivity
{
TimePicker picker;
Button btnGet;
TextView tvw;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
15
tvw=(TextView)findViewById(R.id.textView1);
picker=(TimePicker)findViewById(R.id.timePicker1);
picker.setIs24HourView(true);
btnGet=(Button)findViewById(R.id.button1);
16
btnGet.setOnClickListener(new View.OnClickListener()
{
@Override
{
int hour, minute;
String am_pm;
if (Build.VERSION.SDK_INT >= 23 )
{
hour = picker.getHour();
minute = picker.getMinute();
} 17
else
{
hour = picker.getCurrentHour();
minute = picker.getCurrentMinute();
}
18
if(hour > 12)
{
am_pm = "PM";
else
am_pm="AM";
}
tvw.setText("Selected Time: "+ hour +":"+ minute+" "+am_pm);
}
});
}
} 19