Android - Simple Time Picker Dialog

cezarzamora5167 · 2025-02-26T16:48:06+0000

Operating System

Android

In this tutorial we will try to create a Simple Time Picker Dialog using Android. This simple app can be used in providing some basic information about a person. Android is basically a piece of software which allows your hardware to function. The android is an open source operating system it's free and user friendly to mobile developers. Android is available to any devices such as TV, phones, watches etc. So let's now do the coding...

Getting Started:

First you will have to download & install the Android Development IDE (Android Studio or Eclipse). Android Studio is an open source development feel free to develop your things.

Here's the link for the Android Studio https://developer.android.com/studio/index.html.

Layout Design

We will now create the design for the application, first locate the layout file called activity_main.xml, this is the default name when create a new activity. Then write these codes inside your layout file.

<?

xml version=

"1.0"

encoding=

"utf-8"

?>
<

RelativeLayout xmlns:

android=

"http://schemas.android.com/apk/res/android"
xmlns:

app=

"http://schemas.android.com/apk/res-auto"
xmlns:

tools=

"http://schemas.android.com/tools"
android:

layout_width=

"match_parent"
android:

layout_height=

"match_parent"
tools:

context=

"com.razormist.simpletimepickerdialog.MainActivity"

>
<

Button
android:

id=

"@+id/btn_date"
android:

layout_width=

"wrap_content"
android:

layout_height=

"wrap_content"
android:

text=

"Show Date Picker"
android:

layout_centerInParent=

"true"

/>
<

Button
android:

id=

"@+id/btn_time"
android:

layout_width=

"wrap_content"
android:

layout_height=

"wrap_content"
android:

text=

"Show Time Picker"
android:

layout_centerInParent=

"true"
android:

layout_below=

"@+id/btn_date"

/>
</

RelativeLayout>

Android Manifest File

The Android Manifest file provides essential information about your app to the Android system in which the system must required before running the code. It describe the overall information about the application. It contains some libraries that needed to access the several method within the app.

<?

xml version=

"1.0"

encoding=

"utf-8"

?>
<

manifest xmlns:

android=

"http://schemas.android.com/apk/res/android"
package

=

"com.razormist.simpletimepickerdialog"

>
<

application
android:

allowBackup=

"true"
android:

icon=

"@mipmap/ic_launcher"
android:

label=

"@string/app_name"
android:

roundIcon=

"@mipmap/ic_launcher_round"
android:

supportsRtl=

"true"
android:

theme=

"@Style/AppTheme"

>
<

activity android:

name=

".MainActivity"
android:

configChanges=

"orientation"
android:

screenOrientation=

"portrait"

>
<

intent-

filter>
<

action android:

name=

"android.intent.action.MAIN"

/>
<

category android:

name=

"android.intent.category.LAUNCHER"

/>
</

intent-

filter>
</

activity>
</

application>
</

manifest>

The Main Function

This code contains the main function of the application. This code will allow the user to select a desire time and date when clicking the button. To start with first locate your MainActivity java file and open it, then write these some important variables inside the MainActivity class.

Button

btn_date, btn_time;
DatePickerDialog datePickerDialog;
TimePickerDialog timePickerDialog;

Then write these several method inside the activity class to make the apps work properly.

public

void

ShowDatePicker(

)

{
btn_date =

(

Button

)

findViewById(

R.id

.btn_date

)

;
btn_date.setOnClickListener

(

new

View

.OnClickListener

(

)

{
@RequiresApi(

api =

Build.VERSION_CODES

.N

)
@Override
public

void

onClick(

View

v)

{
Calendar

c_date =

Calendar

.getInstance

(

)

;
int

year =

c_date.get

(

Calendar

.YEAR

)

;
int

month =

c_date.get

(

Calendar

.MONTH

)

;
int

day =

c_date.get

(

c_date.DAY_OF_MONTH

)

;
datePickerDialog =

new

DatePickerDialog(

MainActivity.this

, new

DatePickerDialog.OnDateSetListener

(

)

{
@Override
public

void

onDateSet(

DatePicker view, int

year, int

month, int

dayOfMonth)

{
Toast.makeText

(

MainActivity.this

, "Month: "

+

month +

" Day: "

+

dayOfMonth +

" Year: "

+

year, Toast.LENGTH_SHORT

)

.show

(

)

;
}
}

, year, month, day)

;
datePickerDialog.show

(

)

;
}
}

)

;
}
public

void

ShowTimePicker(

)

{
btn_time =

(

Button

)

findViewById(

R.id

.btn_time

)

;
btn_time.setOnClickListener

(

new

View

.OnClickListener

(

)

{
@RequiresApi(

api =

Build.VERSION_CODES

.N

)
@Override
public

void

onClick(

View

v)

{
Calendar

c_time =

Calendar

.getInstance

(

)

;
int

hour =

c_time.get

(

Calendar

.HOUR

)

;
int

minute =

c_time.get

(

Calendar

.MINUTE

)

;
timePickerDialog =

new

TimePickerDialog(

MainActivity.this

, new

TimePickerDialog.OnTimeSetListener

(

)

{
@Override
public

void

onTimeSet(

TimePicker view, int

hourOfDay, int

minute)

{
Toast.makeText

(

MainActivity.this

, "Hour: "

+

hourOfDay +

" Minute: "

+

minute, Toast.LENGTH_SHORT

)

.show

(

)

;
}
}

,hour, minute, false

)

;
timePickerDialog.show

(

)

;
}
}

)

;
}

Finally, initialize all the methods inside the onCreate method to run the application.

ShowDatePicker(

)

;
ShowTimePicker(

)

;

Try to run the app and see if it worked.

There you have it we have created a Simple Time Picker Dialog using Android. I hope that this tutorial help you to what you are looking for. For more updates and tutorials just kindly visit this site. Enjoy Coding!!!

Note: Due to the size or complexity of this submission, the author has submitted it as a .zip file to shorten your download time. After downloading it, you will need a program like Winzip to decompress it.

Virus note: All files are scanned once-a-day by SourceCodester.com for viruses, but new viruses come out every day, so no prevention program can catch 100% of them.

FOR YOUR OWN SAFETY, PLEASE:

1. Re-scan downloaded files using your personal virus checker before using it.

2. NEVER, EVER run compiled files (.exe's, .ocx's, .dll's etc.)--only run source code.

Download

You must upgrade your account or reply in the thread to view hidden text.

Android - Simple Time Picker Dialog

More options

cezarzamora5167

442,401

317,942

317,951