Saturday, March 29, 2014

Time Picker in android


Open “res/layout/main.xml” file, add time picker, label and button for demonstration.
File : res/layout/main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
 
<Button
android:id="@+id/btnChangeTime"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Change Time" />
 
<TextView
android:id="@+id/lblTime"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Current Time (H:M): "
android:textAppearance="?android:attr/textAppearanceLarge" />
 
<TextView
android:id="@+id/tvTime"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:textAppearance="?android:attr/textAppearanceLarge" />
 
<TimePicker
android:id="@+id/timePicker1"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
 
</LinearLayout>


File : MyAndroidAppActivity.java



package com.mkyong.android;
 
import java.util.Calendar;
import android.app.Activity;
import android.app.Dialog;
import android.app.TimePickerDialog;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.TextView;
import android.widget.TimePicker;
 
public class MyAndroidAppActivity extends Activity {
 
private TextView tvDisplayTime;
private TimePicker timePicker1;
private Button btnChangeTime;
 
private int hour;
private int minute;
 
static final int TIME_DIALOG_ID = 999;
 
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
 
setCurrentTimeOnView();
addListenerOnButton();
 
}
 
// display current time
public void setCurrentTimeOnView() {
 
tvDisplayTime = (TextView) findViewById(R.id.tvTime);
timePicker1 = (TimePicker) findViewById(R.id.timePicker1);
 
final Calendar c = Calendar.getInstance();
hour = c.get(Calendar.HOUR_OF_DAY);
minute = c.get(Calendar.MINUTE);
 
// set current time into textview
tvDisplayTime.setText(
new StringBuilder().append(pad(hour))
.append(":").append(pad(minute)));
 
// set current time into timepicker
timePicker1.setCurrentHour(hour);
timePicker1.setCurrentMinute(minute);
 
}
 
public void addListenerOnButton() {
 
btnChangeTime = (Button) findViewById(R.id.btnChangeTime);
 
btnChangeTime.setOnClickListener(new OnClickListener() {
 
@Override
public void onClick(View v) {
 
showDialog(TIME_DIALOG_ID);
 
}
 
});
 
}
 
@Override
protected Dialog onCreateDialog(int id) {
switch (id) {
case TIME_DIALOG_ID:
// set time picker as current time
return new TimePickerDialog(this,
timePickerListener, hour, minute,false);
 
}
return null;
}
 
private TimePickerDialog.OnTimeSetListener timePickerListener =
new TimePickerDialog.OnTimeSetListener() {
public void onTimeSet(TimePicker view, int selectedHour,
int selectedMinute) {
hour = selectedHour;
minute = selectedMinute;
 
// set current time into textview
tvDisplayTime.setText(new StringBuilder().append(pad(hour))
.append(":").append(pad(minute)));
 
// set current time into timepicker
timePicker1.setCurrentHour(hour);
timePicker1.setCurrentMinute(minute);
 
}
};
 
private static String pad(int c) {
if (c >= 10)
return String.valueOf(c);
else
return "0" + String.valueOf(c);
}
}


1. Result, “time picker” and “textview” are set to current time.


android timepicker demo1


2. Click on the “Change Time” button, it will prompt a time picker component in a dialog box via TimePickerDialog.


android timepicker demo2


3. Both “time picker” and “textview” are updated with selected time.


android timepicker demo3

Related Posts by Categories

0 comments:

Post a Comment