{"id":1096,"date":"2016-03-01T10:19:52","date_gmt":"2016-03-01T10:19:52","guid":{"rendered":"http:\/\/abhiandroid.com\/ui\/?page_id=1096"},"modified":"2019-06-12T11:32:00","modified_gmt":"2019-06-12T11:32:00","slug":"timepicker","status":"publish","type":"page","link":"https:\/\/abhiandroid.com\/ui\/timepicker","title":{"rendered":"TimePicker Tutorial With Example In Android Studio"},"content":{"rendered":"

In Android, TimePicker is a widget used for selecting the time of the day in either AM\/PM mode or 24 hours mode. The displayed time consist of hours, minutes and clock format. \u00a0If we need to show this view as a Dialog then we have to use a TimePickerDialog class.<\/p>\n

\"TimePicker<\/center>TimePick<\/strong>er code:<\/strong><\/p>\n
<TimePicker\r\nandroid:id=\"@+id\/simpleTimePicker\"\r\nandroid:layout_width=\"wrap_content\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:timePickerMode=\"spinner\"\/>\r\n<\/pre>\n
\n
Methods of TimePicker:<\/strong><\/h4>\n
Let\u2019s discuss some common methods of a time picker, which are used to configure a time picker in our application.<\/p>\n
1. setCurrentHour(Integer currentHour):<\/strong><\/span><\/p>\n
This method is used to set the current hours in a time picker.<\/p>\n
setHour(Integer hour):<\/strong>\u00a0setCurrentHour()\u00a0method was deprecated in API level 23. From api level 23 we\u00a0have to use setHour(Integer hour)<\/strong><\/em>. In this method there is only one parameter of integer type which is\u00a0used to set the value for hours.<\/p>\n
Below we set the 5 value for the current hours.<\/p>\n
TimePicker simpleTimePicker=(TimePicker)findViewById(R.id.simpleTimePicker); \/\/ initiate a time picker\r\n\/\/ set the value for current hours\r\nsimpleTimePicker.setCurrentHour(5); \/\/ before api level 23\r\nsimpleTimePicker.setHour(5); \/\/ from api level 23\r\n<\/pre>\n
\"setcurrentHour<\/center>2. setCurrentMinute(Integer currentMinute):<\/strong><\/span><\/p>\n
This method is used to set the current minutes in a time picker.<\/p>\n
 setMinute(Integer minute):<\/strong>\u00a0setCurrentMinute() method was deprecated in API level 23. From api level 23 we\u00a0have to use setMinute(Integer minute)<\/strong><\/em>. In this method there is only one parameter of integer type which\u00a0set the value for minutes.<\/p>\n
Below we set the 35 value for the current minutes.<\/p>\n
TimePicker simpleTimePicker=(TimePicker)findViewById(R.id.simpleTimePicker); \/\/ initiate a time picker\r\n\/\/ set the value for current hours\r\nsimpleTimePicker.setCurrentMinute(35); \/\/ before api level 23\r\nsimpleTimePicker.setMinute(35); \/\/ from api level 23\r\n<\/pre>\n
\"setMinute<\/center>3. getCurrentHour():<\/strong><\/span><\/p>\n
This method is used to get the current hours from a time picker.<\/p>\n
getCurrentHour():<\/strong>\u00a0getCurrentHour() method was deprecated in API level 23. From api level 23 you have to use getHour(). <\/strong><\/em>This method returns\u00a0 an integer value.<\/p>\n
Below we get the value of hours from a timepicker set by user.<\/p>\n
TimePicker simpleTimePicker = (TimePicker)findViewById(R.id.simpleTimePicker); \/\/ initiate a time\r\npickerint hours =simpleTimePicker.getCurrentHour(); \/\/ before api level 23\r\nint hours =simpleTimePicker.getHour(); \/\/ after api level 23\r\n<\/pre>\n
4. getCurrentMinute():<\/strong><\/span><\/p>\n
This method is used to get the current minutes from a time picker.<\/p>\n
getMinute():<\/strong>\u00a0getCurrentMinute()\u00a0method was deprecated in API level 23. From api level 23 we\u00a0have to use getMinute(). <\/strong><\/em>This method returns\u00a0 an integer value.<\/p>\n
Below we get the value of minutes from a time picker.<\/p>\n
TimePicker simpleTimePicker = (TimePicker)findViewById(R.id.simpleTimePicker); \/\/ initiate a time picker\r\nint minutes = simpleTimePicker.getCurrentMinute(); \/\/ before api level 23\r\nint minutes = simpleTimePicker.getMinute(); \/\/ after api level 23\r\n<\/pre>\n
5. setIs24HourView(Boolean is24HourView):<\/strong><\/span><\/p>\n
This method is used to set the mode of the Time picker either 24 hour mode or AM\/PM mode. In this method we\u00a0set a Boolean value either true or false. True value indicate 24 hour mode and false value indicate AM\/PM mode.<\/p>\n
Below we set the current mode of the time picker.<\/p>\n
TimePicker simpleTimePicker = (TimePicker)findViewById(R.id.simpleTimePicker); \/\/ initiate a time picker\r\nsimpleTimePicker.setIs24HourView(true); \/\/ set 24 hours mode for the time picker\r\n<\/pre>\n
\"setIs24HourView<\/center>6. is24HourView():<\/strong><\/span><\/p>\n
This method is used to check the current mode of the time picker. This method returns true if its 24 hour mode or false if AM\/PM mode is set.<\/p>\n
Below we get the current mode of the time picker:<\/p>\n
TimePicker simpleTimePicker = (TimePicker)findViewById(R.id.simpleTimePicker); \/\/ initiate a time picker\r\nBoolean mode=simpleTimePicker.is24HourView(); \/\/ check the current mode of the time picker\r\n<\/pre>\n
7. setOnTimeChangedListener(TimePicker.OnTimeChangedListener onTimeChangedListener):<\/strong><\/span><\/p>\n
This method is used to set the callback that indicates the time has been adjusted by the user. onTimeChanged(TimePicker view, int hourOfDay, int minute) is an override function of this listener in which we have three parameters first is for TimePicker, second for getting hour of the day and last is for getting the minutes after changing the time of the time picker.<\/p>\n
Below we show the use of on time changed listener of a time picker.<\/p>\n
TimePicker simpleTimePicker = (TimePicker)findViewById(R.id.simpleTimePicker<\/em>); \/\/ initiate a time picker\r\n\r\nsimpleTimePicker.setOnTimeChangedListener(new TimePicker.OnTimeChangedListener() {\r\n@Override\r\npublic void onTimeChanged(TimePicker view, int hourOfDay, int minute) {\r\n\r\n}\r\n});\r\n<\/pre>\n
\n
Attributes of TimePicker:<\/strong><\/h4>\n
Now let\u2019s \u00a0we discuss about the attributes that helps us to configure a time picker in your xml file (layout).<\/p>\n
1. id:<\/span>\u00a0<\/strong>id is an attribute used to uniquely identify a time picker.<\/p>\n
<TimePicker\r\nandroid:id=\"@+id\/simpleTimePicker\"\r\nandroid:layout_width=\"wrap_content\"\r\nandroid:layout_height=\"wrap_content\"\/> <!-- id of a time picker -->\r\n<\/pre>\n
2. timePickerMode: <\/strong><\/span>time picker mode is an attribute of time picker used to set the mode either spinner or clock. Default mode is clock but this mode is no longer used after api level 21, so from api level 21 you have to set the mode to spinner.<\/p>\n
Below we set the mode to spinner.<\/p>\n
<TimePicker\r\nandroid:id=\"@+id\/simpleTimePicker\"\r\nandroid:layout_width=\"wrap_content\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:timePickerMode=\"spinner\" \/> <!-- time picker mode of a time picker -->\r\n<\/pre>\n
\"timePickerMode<\/center>3. background:<\/strong><\/span> background attribute is used to set the background of a time picker. We can set a color or a drawable image in the background. We can also set the background color programmatically means in java class.<\/p>\n
Below we set the orange color for the background of a time picker.<\/p>\n
<TimePicker\r\n    android:id=\"@+id\/simpleTimePicker\"\r\n    android:layout_width=\"wrap_content\"\r\n    android:layout_height=\"wrap_content\"\r\n    android:timePickerMode=\"spinner\"\r\n    android:background=\"#F88F00\" \/> <!-- orange background color for the time picker --><\/pre>\n
\"Background<\/center>Setting TimePicker Background In Java Class:<\/strong><\/p>\n
TimePicker simpleTimePicker=(TimePicker)findViewById(R.id.simpleTimePicker); \/\/initiate a time picker\r\nsimpleTimePicker.setBackgroundColor(Color.YELLOW); \/\/Yellow background color for the background of a time picker<\/pre>\n
4. padding:<\/strong><\/span> padding attribute is used to set the padding from left, right, top or bottom for a time picker.<\/p>\n