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