[프로젝트] 스톱워치 안드로이드 앱 개발, 이렇게 시작하세요

 

     #FFBB86FC
     #FF6200EE
     #FF3700B3
     #FF03DAC5
     #FF018786
     #FF000000
     #FFFFFFFF


    #603CFF 
    #FF6767 
    #E1BF5A

 

StopWatch 


    시작 
    일시정지 
    초기화

 



    
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        app:layout_constraintBottom_toBottomOf="parent"  
        app:layout_constraintEnd_toEndOf="parent"  
        app:layout_constraintStart_toStartOf="parent"  
        android:layout_marginBottom="80dp"   
        android:padding="20dp"   
        android:backgroundTint="@color/blue"   
        android:text="@string/start"   
        android:textColor="@color/white"
        android:textSize="16sp"  
        android:textStyle="bold" />

    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    android:layout_margin="50dp"
    android:padding="20dp"
    android:backgroundTint="@color/yellow"
    android:text="@string/refresh"
    android:textColor="@color/white"
    android:textSize="16sp"
    android:textStyle="bold"
    />

    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="00" android:textSize="45sp"
/>


    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text=":00" 
    android:textSize="45sp"
/>


    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text=".00"
    android:textSize="30sp"
    />

package com.example.stopwatch

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

class MainActivity : AppCompatActivity(), View.OnClickListener { // ❶ 클릭 이벤트 처리 인터페이스

    var isRunning = false // ❷ 실행 여부 확인용 변수

    private lateinit var btn_start: Button 
    private lateinit var btn_refresh: Button 
    private lateinit var tv_millisecond: TextView 
    private lateinit var tv_second: TextView 
    private lateinit var tv_minute: TextView

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

        // ❸ 뷰 가져오기
        btn_start = findViewById(R.id.btn_start) 
        btn_refresh = findViewById(R.id.btn_refresh) 
        tv_millisecond = findViewById(R.id.tv_millisecond) 
        tv_second = findViewById(R.id.tv_second)
        tv_minute = findViewById(R.id.tv_minute)

        // ❹ 버튼별 OnClickListener 등록 
        btn_start.setOnClickListener(this) 
        btn_refresh.setOnClickListener(this)
    }

    // ❺ 클릭이벤트처리
    override fun onClick(v: View?) {
        when(v?.id) {
            R.id.btn_start -> {
                if(isRunning) { 
                    pause()
                } else {
                    start() 
                }
            }
            R.id.btn_refresh -> {
                refresh() 
            }
        }
    }

    private fun start() {
        // ❻ 스톱워치 측정을 시작하는 로직
    }

    private fun pause() {
        // ❼ 스톱워치 측정을 일시정지하는 로직
    }

    private fun refresh() {
        // ❽ 초기화하는 로직
    } 
}

class MainActivity : AppCompatActivity(), View.OnClickListener {
    var isRunning = false
    var timer : Timer? = null // ❶ timer 변수 추가 
    vartime=0 // ❷ time 변수 추가 
    ... 생략 ...
}

private fun start() {

    btn_start.text = "일시정지" // ❶ 텍스트뷰 변경
    btn_start.setBackgroundColor(getColor(R.color.red)) // ❶ 텍스트뷰 변경
    isRunning = true // ❷ 실행 상태 변경

    // ❸ 스톱워치를 시작하는 로직 
    timer = timer(period = 10) {

        time++ // ❹ 10밀리초 단위 타이머

        // ❺ 시간 계산
        val milli_second = time % 100 
        val second = (time % 6000) / 100 
        val minute = time / 6000


        // ❻ 밀리초 
        tv_millisecond.text =
            if (milli_second < 10) ".0${milli_second}" else ".${milli_second}" 
        // 초
        tv_second.text = if (second < 10) ":0${second}" else ":${second}"
        // 분
        tv_minute.text = "${minute}"
    } 
}

private fun start() {
    btn_start.text = "일시정지"
    btn_start.setBackgroundColor(getColor(R.color.red))
    isRunning = true

    // 스톱워치를 시작하는 로직
    timer = timer(period = 10) {
        time++

        val milli_second = time % 100
        val second = (time % 6000) / 100
        val minute = time / 6000

        runOnUiThread { // ❶ UI 스레드 생성
            if (isRunning) { // ❷ UI 업데이트 조건 설정
                // 밀리초
                tv_millisecond.text = if (milli_second < 10)
                        ".0${milli_second}" else ".${milli_second}"
                // 초
                tv_second.text = if (second < 10) ":0${second}"
                        else ":${second}"
                // 분
                tv_minute.text = "${minute}"
            }
        }; 
    }
}

private fun start() {
    btn_start.text = "일시정지"
    btn_start.setBackgroundColor(getColor(R.color.red))
    isRunning = true

    // 스톱워치를 시작하는 로직
    timer = timer(period = 10) {
        time++

        val milli_second = time % 100
        val second = (time % 6000) / 100
        val minute = time / 6000

        runOnUiThread { // ❶ UI 스레드 생성
            if (isRunning) { // ❷ UI 업데이트 조건 설정
                // 밀리초
                tv_millisecond.text = if (milli_second < 10)
                        ".0${milli_second}" else ".${milli_second}"
                // 초
                tv_second.text = if (second < 10) ":0${second}"
                        else ":${second}"
                // 분
                tv_minute.text = "${minute}"
            }
        }; 
    }
}

private fun pause() {
    // ❶ 텍스트 속성 변경
    btn_start.text = "시작"
    btn_start.setBackgroundColor(getColor(R.color.blue))

    isRunning = false // ❷ 멈춤 상태로 전환 
    timer?.cancel() // ❸ 타이머 멈추기
}

private fun refresh() {
    timer?.cancel() // ❶ 백그라운드 타이머 멈추기

    btn_start.text = "시작" // ❷
    btn_start.setBackgroundColor(getColor(R.color.blue)) // ❷
    isRunning = false // ❸ 멈춤 상태로 변경

    // ❹ 타이머 초기화
    time = 0 tv_millisecond.text = ".00"
    tv_second.text = ":00"
    tv_minute.text = "00" 
}