TimerApp

스톱워치를 응용해서 만든 간단한 타이머이다.

입력은 EditText로 받고, Button을 누를 시 타이머가 시작된다.

 

<MainActivity.kt>

package com.example.timerapp

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
import android.widget.EditText
import android.widget.TextView
import kotlin.concurrent.timer
import java.util.*

class MainActivity : AppCompatActivity() {
    private var timerTask : Timer? = null

    lateinit var secTextView : TextView
    lateinit var milliTextView: TextView
    lateinit var setSec : EditText
    lateinit var startButton : Button

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        secTextView = findViewById<TextView>(R.id.secTextView)
        milliTextView = findViewById<TextView>(R.id.millitextView)
        setSec = findViewById<EditText>(R.id.setSec)
        startButton = findViewById<Button>(R.id.startButton)

        startButton.setOnClickListener {
            start()
        }
    }

    private fun start(){
        var time = setSec.text.toString().toInt() //사용자가 입력한 값
        var tmp = time - 1 // 임시 변수

        timerTask = timer(period = 10) { //10ms, 0.01초 단위
            time++

            var sec = tmp - (time / 100) //초
            var milli = 99 - (time % 100) //밀리초

            runOnUiThread { // UI 조작 (초와 밀리초 텍스트 뷰에 설정)
                secTextView.text = "$sec"
                milliTextView.text = String.format("%02d",milli) //끝난 후에도 두 자리가 처음처럼 "00"으로 끝나도록
            }

            if (sec == 0 && milli == 0){
                timerTask?.cancel()
            }
        }
    }
}

위 코드에선 start 함수에서 time값을 증가시키면서 타이머 기능을 구현할 수도 있고

아래와 같이 time값을 감소시키면서 할 수도 있다. (아래가 더 간단하다)

    private fun start(){
        var time = setSec.text.toString().toInt()*100 //사용자가 입력한 값 (밀리세컨 단위로 맞추기)

        timerTask = timer(period = 10) { //10ms, 0.01초 단위
            time--

            var sec = time / 100 //초
            var milli = time % 100 //밀리초

            runOnUiThread { // UI 조작 (초와 밀리초 텍스트 뷰에 설정)
                secTextView.text = "$sec"
                milliTextView.text = String.format("%02d",milli) //끝난 후에도 두 자리가 처음처럼 "00"으로 끝나도록
            }

            if (sec == 0 && milli == 0){
                timerTask?.cancel()
            }
        }
    }

 

<activity_main.xml>

초, 밀리초 = TextView

입력 창 = EditText

타이머 시작버튼 = Button

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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=".MainActivity">

    <TextView
        android:id="@+id/secTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="0"
        android:textAppearance="@style/TextAppearance.AppCompat.Large"
        android:textSize="100sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.3" />

    <TextView
        android:id="@+id/millitextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:text="00"
        android:textAppearance="@style/TextAppearance.AppCompat.Large"
        android:textSize="32sp"
        app:layout_constraintBaseline_toBaselineOf="@+id/secTextView"
        app:layout_constraintStart_toEndOf="@+id/secTextView" />

    <Button
        android:id="@+id/startButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="30dp"
        android:layout_marginBottom="31dp"
        android:backgroundTint="#3F51B5"
        android:text="타이머 설정"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toEndOf="@+id/setSec" />

    <EditText
        android:id="@+id/setSec"
        android:layout_width="203dp"
        android:layout_height="42dp"
        android:layout_marginStart="32dp"
        android:layout_marginBottom="31dp"
        android:ems="10"
        android:gravity="right"
        android:hint="초"
        android:inputType="number"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>