In this post we are going to explore the Android Chronometer control.
The chronometer acts as a timer. In this post we are going to create a simple timer using the Chronometer
Let’s start with the interface:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
android_orientation="vertical"
android_layout_width="fill_parent"
android_layout_height="fill_parent"
>
<TextView
android_layout_width="fill_parent"
android_layout_height="wrap_content"
android_id="@+id/txt"
/>
<Chronometer
android_layout_width="wrap_content"
android_layout_height="wrap_content"
android_id="@+id/chrono"
/>
<Button
android_layout_width="wrap_content"
android_layout_height="wrap_content"
android_id="@+id/btnStart"
android_text="Start"
android_onClick="onClick"
/>
<Button
android_layout_width="wrap_content"
android_layout_height="wrap_content"
android_id="@+id/btnStop"
android_text="Stop"
android_onClick="onClick"
/>
<Button
android_layout_width="wrap_content"
android_layout_height="wrap_content"
android_id="@+id/btnReset"
android_text="Reset"
android_onClick="onClick"
/>
</LinearLayout>
Define instances of the controls
Chronometer chrono;
Button btnStart;
Button btnStop;
TextView txt;
And some variables
long elapsedTime=0;
String currentTime="";
long startTime=SystemClock.elapsedRealtime();
Boolean resume=false;
we put the Boolean flag differentiate between starting the Chronometer for the first time or resuming it after pause.
Getting inside the
onCreate method:
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
chrono=(Chronometer)findViewById(R.id.chrono);
btnStart=(Button)findViewById(R.id.btnStart);
btnStop=(Button)findViewById(R.id.btnStop);
btnReset=(Button)findViewById(R.id.btnReset);
txt=(TextView)findViewById(R.id.txt);
Now to handle each button click event
public void onClick(View v) {
// TODO Auto-generated method stub
switch(v.getId())
{
case R.id.btnStart:
btnStart.setEnabled(false);
btnStop.setEnabled(true);
if(!resume)
{
chrono.setBase(SystemClock.elapsedRealtime());
chrono.start();
}
else
{
chrono.start();
}
break;
case R.id.btnStop:
btnStart.setEnabled(true);
btnStop.setEnabled(false);
chrono.stop();
chrono.setText(currentTime);
resume=true;
btnStart.setText("Resume");
break;
case R.id.btnReset:
chrono.stop();
chrono.setText("00:00");
resume=false;
btnStop.setEnabled(false);
break;
}
}
The start button:The start button can be clicked in two scenarios:
- Starting the Chronometer for the first time:
- We set base of the Chronometer, which is the time in Milliseconds from where the Chronometer starts counting from.
We set it to SystemClock.elapsedRealtime() Which is the time in Milliseconds since the device boot (equivalent to current time).
- then start the Chronometer
- Resuming the chronometer count after start:
here we start the chronometer again to resume counting from the value it had when it was stopped.
The stop button:The stop button pauses the chronometer. And sets the resume flag to true to indicate that the next click on the start button will resume counting [not starting counting from zero].
The Reset button:The stop button resets the chronometer so the next click on start button will start counting from zero
The chronometer can implement
OnChronometerTickListener interface which requires an implementation of the
onChronometerTick method.
The
onChronometerTick method handles the Chronometer tick event which occurs every second.
Here’s the implementation of the
onChronometerTick method:
chrono.setOnChronometerTickListener(new OnChronometerTickListener()
{
public void onChronometerTick(Chronometer arg0) {
// TODO Auto-generated method stub
if(!resume)
{
long minutes=((SystemClock.elapsedRealtime()-chrono.getBase())/1000)/60;
long seconds=((SystemClock.elapsedRealtime()-chrono.getBase())/1000)%60;
currentTime=minutes+":"+seconds;
arg0.setText(currentTime);
elapsedTime=SystemClock.elapsedRealtime();
}
else
{
long minutes=((elapsedTime-chrono.getBase())/1000)/60;
long seconds=((elapsedTime-chrono.getBase())/1000)%60;
currentTime=minutes+":"+seconds;
arg0.setText(currentTime);
elapsedTime=elapsedTime+1000;
}
}
}
);
In this method we handle two scenarios:
- The chronometer starts for the first time (or from zero):
The method is invoked every second Here we calculate the difference between the current time(SystemClock.elapsedRealtime) and the time from which the chronometer started counting(chrono.getBase()) and display it.
Then we store the current time so that when we pause the chronometer we hold the last value of chronometer
elapsedTime=SystemClock.elapsedRealtime(); - The chronometer is resumed after stop:
Here we calculate the difference between the last value of the chronometer (elaspedTime) and the value from which the chronometer started counting (chrono.getBase())
Then we increment the value of the elapsedTime by 1000 milliseconds (1 second) so that it is update with each tick.
And that was a simple stopwatch or timer using Android Chronometer Control. Sure you noticed that it is limited to minutes and seconds only. This is because the
onTimerTick method is invoked every second so we cannot update the elapsed milliseconds.
You can download the application from here
