Learn how to create a beautiful material design timer app for Android.
In this course you will learn how to make a user interface. Later we’re going to code a timer which can run in the foreground. Then we are going to upgrade it to be able to run also in the background – and we will control it from notifications! Finally we will create a settings activity where a user will be able to set the length of the timer.
In the third part we’re making the timer work in the background. We are using alarm manager to set an alarm. In our timer app we’re also able to seamlessly switch from background timer to foreground timer.
This post contains all the code that’s been written in this YouTube video.
You can also check out this GitHub repository: https://github.com/ResoCoder/TimerAppAndroidTutorial
TimerActivity.kt
package com.resocoder.timertutorial
import android.app.AlarmManager
import android.app.PendingIntent
import android.content.Context
import android.content.Intent
import android.os.Bundle
import android.os.CountDownTimer
import android.support.v7.app.AppCompatActivity
import android.view.Menu
import android.view.MenuItem
import com.resocoder.timertutorial.util.PrefUtil
import kotlinx.android.synthetic.main.activity_timer.*
import kotlinx.android.synthetic.main.content_timer.*
import java.util.*
class TimerActivity : AppCompatActivity() {
companion object {
fun setAlarm(context: Context, nowSeconds: Long, secondsRemaining: Long): Long{
val wakeUpTime = (nowSeconds + secondsRemaining) * 1000
val alarmManager = context.getSystemService(Context.ALARM_SERVICE) as AlarmManager
val intent = Intent(context, TimerExpiredReceiver::class.java)
val pendingIntent = PendingIntent.getBroadcast(context, 0, intent, 0)
alarmManager.setExact(AlarmManager.RTC_WAKEUP, wakeUpTime, pendingIntent)
PrefUtil.setAlarmSetTime(nowSeconds, context)
return wakeUpTime
}
fun removeAlarm(context: Context){
val intent = Intent(context, TimerExpiredReceiver::class.java)
val pendingIntent = PendingIntent.getBroadcast(context, 0, intent, 0)
val alarmManager = context.getSystemService(Context.ALARM_SERVICE) as AlarmManager
alarmManager.cancel(pendingIntent)
PrefUtil.setAlarmSetTime(0, context)
}
val nowSeconds: Long
get() = Calendar.getInstance().timeInMillis / 1000
}
enum class TimerState{
Stopped, Paused, Running
}
private lateinit var timer: CountDownTimer
private var timerLengthSeconds: Long = 0
private var timerState = TimerState.Stopped
private var secondsRemaining: Long = 0
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_timer)
setSupportActionBar(toolbar)
supportActionBar?.setIcon(R.drawable.ic_timer)
supportActionBar?.title = " Timer"
fab_start.setOnClickListener{v ->
startTimer()
timerState = TimerState.Running
updateButtons()
}
fab_pause.setOnClickListener { v ->
timer.cancel()
timerState = TimerState.Paused
updateButtons()
}
fab_stop.setOnClickListener { v ->
timer.cancel()
onTimerFinished()
}
}
override fun onResume() {
super.onResume()
initTimer()
removeAlarm(this)
//TODO: hide notification
}
override fun onPause() {
super.onPause()
if (timerState == TimerState.Running){
timer.cancel()
val wakeUpTime = setAlarm(this, nowSeconds, secondsRemaining)
//TODO: show notification
}
else if (timerState == TimerState.Paused){
//TODO: show notification
}
PrefUtil.setPreviousTimerLengthSeconds(timerLengthSeconds, this)
PrefUtil.setSecondsRemaining(secondsRemaining, this)
PrefUtil.setTimerState(timerState, this)
}
private fun initTimer(){
timerState = PrefUtil.getTimerState(this)
//we don't want to change the length of the timer which is already running
//if the length was changed in settings while it was backgrounded
if (timerState == TimerState.Stopped)
setNewTimerLength()
else
setPreviousTimerLength()
secondsRemaining = if (timerState == TimerState.Running || timerState == TimerState.Paused)
PrefUtil.getSecondsRemaining(this)
else
timerLengthSeconds
val alarmSetTime = PrefUtil.getAlarmSetTime(this)
if (alarmSetTime > 0)
secondsRemaining -= nowSeconds - alarmSetTime
if (secondsRemaining <= 0)
onTimerFinished()
else if (timerState == TimerState.Running)
startTimer()
updateButtons()
updateCountdownUI()
}
private fun onTimerFinished(){
timerState = TimerState.Stopped
//set the length of the timer to be the one set in SettingsActivity
//if the length was changed when the timer was running
setNewTimerLength()
progress_countdown.progress = 0
PrefUtil.setSecondsRemaining(timerLengthSeconds, this)
secondsRemaining = timerLengthSeconds
updateButtons()
updateCountdownUI()
}
private fun startTimer(){
timerState = TimerState.Running
timer = object : CountDownTimer(secondsRemaining * 1000, 1000) {
override fun onFinish() = onTimerFinished()
override fun onTick(millisUntilFinished: Long) {
secondsRemaining = millisUntilFinished / 1000
updateCountdownUI()
}
}.start()
}
private fun setNewTimerLength(){
val lengthInMinutes = PrefUtil.getTimerLength(this)
timerLengthSeconds = (lengthInMinutes * 60L)
progress_countdown.max = timerLengthSeconds.toInt()
}
private fun setPreviousTimerLength(){
timerLengthSeconds = PrefUtil.getPreviousTimerLengthSeconds(this)
progress_countdown.max = timerLengthSeconds.toInt()
}
private fun updateCountdownUI(){
val minutesUntilFinished = secondsRemaining / 60
val secondsInMinuteUntilFinished = secondsRemaining - minutesUntilFinished * 60
val secondsStr = secondsInMinuteUntilFinished.toString()
textView_countdown.text = "$minutesUntilFinished:${if (secondsStr.length == 2) secondsStr else "0" + secondsStr}"
progress_countdown.progress = (timerLengthSeconds - secondsRemaining).toInt()
}
private fun updateButtons(){
when (timerState) {
TimerState.Running ->{
fab_start.isEnabled = false
fab_pause.isEnabled = true
fab_stop.isEnabled = true
}
TimerState.Stopped -> {
fab_start.isEnabled = true
fab_pause.isEnabled = false
fab_stop.isEnabled = false
}
TimerState.Paused -> {
fab_start.isEnabled = true
fab_pause.isEnabled = false
fab_stop.isEnabled = true
}
}
}
override fun onCreateOptionsMenu(menu: Menu): Boolean {
// Inflate the menu; this adds items to the action bar if it is present.
menuInflater.inflate(R.menu.menu_timer, menu)
return true
}
override fun onOptionsItemSelected(item: MenuItem): Boolean {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
return when (item.itemId) {
R.id.action_settings -> true
else -> super.onOptionsItemSelected(item)
}
}
}
TimerExpiredReceiver.kt
package com.resocoder.timertutorial
import android.content.BroadcastReceiver
import android.content.Context
import android.content.Intent
import com.resocoder.timertutorial.util.PrefUtil
class TimerExpiredReceiver : BroadcastReceiver() {
override fun onReceive(context: Context, intent: Intent) {
//TODO: show notification
PrefUtil.setTimerState(TimerActivity.TimerState.Stopped, context)
PrefUtil.setAlarmSetTime(0, context)
}
}
AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.resocoder.timertutorial">
<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=".TimerActivity"
android:label="@string/app_name"
android:theme="@style/AppTheme.NoActionBar">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
<receiver
android:name=".TimerExpiredReceiver"
android:enabled="true"
android:exported="false"></receiver>
</application>
</manifest>
PrefUtil.kt
package com.resocoder.timertutorial.util
import android.content.Context
import android.preference.PreferenceManager
import com.resocoder.timertutorial.TimerActivity
class PrefUtil {
companion object {
fun getTimerLength(context: Context): Int{
//placeholder
return 1
}
private const val PREVIOUS_TIMER_LENGTH_SECONDS_ID = "com.resocoder.timer.previous_timer_length_seconds"
fun getPreviousTimerLengthSeconds(context: Context): Long{
val preferences = PreferenceManager.getDefaultSharedPreferences(context)
return preferences.getLong(PREVIOUS_TIMER_LENGTH_SECONDS_ID, 0)
}
fun setPreviousTimerLengthSeconds(seconds: Long, context: Context){
val editor = PreferenceManager.getDefaultSharedPreferences(context).edit()
editor.putLong(PREVIOUS_TIMER_LENGTH_SECONDS_ID, seconds)
editor.apply()
}
private const val TIMER_STATE_ID = "com.resocoder.timer.timer_state"
fun getTimerState(context: Context): TimerActivity.TimerState{
val preferences = PreferenceManager.getDefaultSharedPreferences(context)
val ordinal = preferences.getInt(TIMER_STATE_ID, 0)
return TimerActivity.TimerState.values()[ordinal]
}
fun setTimerState(state: TimerActivity.TimerState, context: Context){
val editor = PreferenceManager.getDefaultSharedPreferences(context).edit()
val ordinal = state.ordinal
editor.putInt(TIMER_STATE_ID, ordinal)
editor.apply()
}
private const val SECONDS_REMAINING_ID = "com.resocoder.timer.seconds_remaining"
fun getSecondsRemaining(context: Context): Long{
val preferences = PreferenceManager.getDefaultSharedPreferences(context)
return preferences.getLong(SECONDS_REMAINING_ID, 0)
}
fun setSecondsRemaining(seconds: Long, context: Context){
val editor = PreferenceManager.getDefaultSharedPreferences(context).edit()
editor.putLong(SECONDS_REMAINING_ID, seconds)
editor.apply()
}
private const val ALARM_SET_TIME_ID = "com.resocoder.timer.backgrounded_time"
fun getAlarmSetTime(context: Context): Long{
val preferences = PreferenceManager.getDefaultSharedPreferences(context)
return preferences.getLong(ALARM_SET_TIME_ID, 0)
}
fun setAlarmSetTime(time: Long, context: Context){
val editor = PreferenceManager.getDefaultSharedPreferences(context).edit()
editor.putLong(ALARM_SET_TIME_ID, time)
editor.apply()
}
}
}


Hello, I have problem with these two functions:
——————-
fun getTimerState(context: Context): WorkoutActivity.TimerState {
val preferences = PreferenceManager.getDefaultSharedPreferences(context)
val ordinal = preferences.getInt(TIMER_STATE_ID, 0)
return WorkoutActivity.TimerState.values()[ordinal]
}
fun setTimerState(state: WorkoutActivity.TimerState, context: Context) {
val editor = PreferenceManager.getDefaultSharedPreferences(context).edit()
val ordinal = state.ordinal
editor.putInt(TIMER_STATE_ID, ordinal)
editor.apply()
}
—————-
TimerState in WorkoutActivity.TimerState is Red and gives me Error. I can’t figure out why
Your article helped me a lot, is there any more related content? Thanks!
Thanks for sharing. I read many of your blog posts, cool, your blog is very good.
Your point of view caught my eye and was very interesting. Thanks. I have a question for you.
Thank you for your sharing. I am worried that I lack creative ideas. It is your article that makes me full of hope. Thank you. But, I have a question, can you help me? https://accounts.binance.com/el/register?ref=IQY5TET4
Your point of view caught my eye and was very interesting. Thanks. I have a question for you.
I don’t think the title of your article matches the content lol. Just kidding, mainly because I had some doubts after reading the article.
Thank you for your sharing. I am worried that I lack creative ideas. It is your article that makes me full of hope. Thank you. But, I have a question, can you help me?