초니로그

전체 코드 : https://github.com/ryr0121/AndroidPractice/tree/main/stopwatchApp

구현 결과

주요 기능

• 카운트다운
• 스톱워치 (시작/일시정지/정지)
• 중간 기록 추가

ConstraintLayout으로 view 배치

Dialog / ProgressBar 를 통한 카운트다운 설정 및 현황 파악

// AlertDialog를 이용한 카운트다운 설정창 열기

private fun showCountdownSettingDialog() {
    AlertDialog.Builder(this).apply {
        val dialogBinding = DialogCountdownSettingBinding.inflate(layoutInflater)
        with(dialogBinding.countdownSecondPicker) {
            maxValue = 20
            minValue = 0
            value = countdownSecond
        }
        setView(dialogBinding.root)
        setTitle("카운트다운 설정")
        setPositiveButton("확인") { _, _ ->
            countdownSecond = dialogBinding.countdownSecondPicker.value
            currentCountdownDeciSecond = countdownSecond * 10
            binding.countdownTextView.text = String.format("%02d", countdownSecond)
        }
        setNegativeButton("취소",null)
    }.show()
}

// ProgressBar 추가

<ProgressBar
    android:id="@+id/countdownProgressBar"
    style="@style/Widget.AppCompat.ProgressBar.Horizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="30dp"
    app:layout_constraintBottom_toTopOf="@id/timeTextView"
    app:layout_constraintStart_toStartOf="parent" />


// ProgressBar 설정

private fun start() {
    timer = timer(initialDelay = 0, period = 100) {
        if (currentCountdownDeciSecond == 0) {
            ...
            
        } else {
            currentCountdownDeciSecond -= 1
            val sec = currentCountdownDeciSecond/10
            val progress = (currentCountdownDeciSecond/(countdownSecond * 10f)) * 100

            binding.root.post {
				...
                binding.countdownProgressBar.progress = progress.toInt()
            }
        }
        ...
    }
}

ScrollView와 LinearLayout을 활용한 시간 기록 view 구성

<ScrollView
    android:id="@+id/lapScrollView"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:layout_marginTop="50dp"
    android:padding="16dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="@id/guideline">

    <LinearLayout
        android:id="@+id/lapContainerLinearLayout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical" />

</ScrollView>

코드를 활용한 시간 기록 TextView 생성 및 ScrollView에 추가

private fun lap() {
    if (currentDeciSecond == 0) return
    val container = binding.lapContainerLinearLayout
    TextView(this).apply {
        textSize = 20f
        gravity = Gravity.CENTER

        val min = currentDeciSecond.div(10)/60
        val sec = currentDeciSecond.div(10)%60
        val deciSec = currentDeciSecond%10

        text = "${container.childCount.inc().toString()}. " + String.format(
            "%02d:%02d:%02d",
            min,
            sec,
            deciSec
        )
        setPadding(30)
    }.let { lapTextView ->
        container.addView(lapTextView, 0)
    }
}

workThread와 runOnUiThread / post 메소드를 이용한 UI 작업 비동기 처리

private fun start() {
    timer = timer(initialDelay = 0, period = 100) {
        if (currentCountdownDeciSecond == 0) {
        	// UI 업데이트가 아닌 다른 작업의 비동기 처리
            currentDeciSecond += 1

            val min = currentDeciSecond.div(10)/60
            val sec = currentDeciSecond.div(10)%60
            val deciSec = currentDeciSecond%10
            
            // runOnUiThread를 활용한 UI 업데이트 작업 진행
            runOnUiThread {
                binding.timeTextView.text = String.format("%02d:%02d", min, sec)
                binding.tickTextView.text = deciSec.toString()

                binding.countdownGroup.isVisible = false
            }
        } else {
        	// UI 업데이트가 아닌 다른 작업의 비동기 처리
            currentCountdownDeciSecond -= 1
            val sec = currentCountdownDeciSecond/10
            val progress = (currentCountdownDeciSecond/(countdownSecond * 10f)) * 100

			// post 메소드를 활용한 UI 업데이트 작업 진행
            binding.root.post {
                binding.countdownTextView.text = String.format("%02d", sec)
                binding.countdownProgressBar.progress = progress.toInt()
            }
        }
        ...
    }
}

ToneGenerator를 활용한 알림음 추가

val toneType = if(currentCountdownDeciSecond == 0) ToneGenerator.TONE_CDMA_HIGH_L else ToneGenerator.TONE_CDMA_ANSWER
ToneGenerator(AudioManager.STREAM_ALARM, ToneGenerator.MAX_VOLUME)
    .startTone(toneType, 100)

전체 코드 : https://github.com/ryr0121/AndroidPractice/tree/main/calculatorApp

구현 결과

주요 기능

• 정수형 숫자의 더하기, 빼기 연산

FlowLayout을 통해 숫자 및 연산자 버튼 배치

<androidx.constraintlayout.helper.widget.Flow
    android:id="@+id/keypadFlow"
    android:layout_width="0dp"
    android:layout_height="0dp"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintHeight_percent="0.7"
    app:layout_constraintVertical_bias="1"
    app:flow_maxElementsWrap="4"
    app:flow_wrapMode="chain"
    android:padding="8dp"
    app:flow_horizontalGap="8dp"
    app:constraint_referenced_ids="button_1, button_2, button_3, button_clear,
    button_4, button_5, button_6, button_plus,
    button_7, button_8, button_9, button_minus,
    button_0, button_equal"
    />

layout_constraintHorizontal_weight 값 지정을 통해 한 행에 관하여 얼만큼의 비율로 view를 차지하게 할 것인지를 지정

<Button
    android:id="@+id/button_0"
    style="@style/numberKeypad"
    android:text="0"
    android:onClick="numberClicked"
    app:layout_constraintHorizontal_weight="1"
    tools:ignore="MissingConstraints" />

<Button
    android:id="@+id/button_equal"
    style="@style/operatorKeypad"
    android:text="="
    android:onClick="equalClicked"
    app:layout_constraintHorizontal_weight="3"
    tools:ignore="MissingConstraints" />

setOnClickListen 메소드 대신 view 내의 onClick 속성값을 통해 클릭 이벤트 지정 (실습 상으로 해봄)

<Button
    android:id="@+id/button_1"
    style="@style/numberKeypad"
    android:text="1"
    android:onClick="numberClicked"
    tools:ignore="MissingConstraints" />

전체 코드 : https://github.com/ryr0121/AndroidPractice/tree/main/sosInfoApp 

구현 결과 : 

주요 기능

• 의료정보(이름, 생년월일, 혈액형, 비상 연락처) 조회/입력/수정/삭제
• 비상 연락처 탭하면 전화 앱으로 연결

ConstraintLayout으로 view 배치

RadioButton, Spinner를 이용한 범위 내 값 선택 구현

// Rh+, Rh- 중 하나를 선택하는 RadioButton 그룹

<RadioGroup
    android:id="@+id/bloodTypeRadioGroup"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    app:layout_constraintBottom_toBottomOf="@id/bloodTypeTextView"
    app:layout_constraintEnd_toStartOf="@id/bloodTypeSpinner"
    app:layout_constraintStart_toStartOf="@id/guideline"
    app:layout_constraintTop_toTopOf="@id/bloodTypeTextView">

    <RadioButton
        android:id="@+id/bloodTypePlus"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Rh+" />

    <RadioButton
        android:id="@+id/bloodTypeMinus"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Rh-" />
</RadioGroup>

// A, B, AB, O형 중 하나를 선택하는 Spinner

<Spinner
    android:id="@+id/bloodTypeSpinner"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    app:layout_constraintBottom_toBottomOf="@id/bloodTypeTextView"
    app:layout_constraintEnd_toEndOf="@+id/nameEditText"
    app:layout_constraintTop_toTopOf="@id/bloodTypeTextView" />

Intent를 이용한 화면 전환 및 전화앱 연결 구현

override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(binding.root)

        binding.moveToInputActivity.setOnClickListener {
            val intent = Intent(this, EditActivity::class.java)
            startActivity(intent)
        }

        ...

        binding.moveToSosCallLayer.setOnClickListener {
            with(Intent(Intent.ACTION_VIEW)) {
                val phoneNum = binding.sosPhoneValueTextView.text.toString().replace("-","")
                data = Uri.parse("tel:$phoneNum")
                startActivity(this)
            }
        }
    }

SharedPreferences를 이용해 의료정보 데이터 관리

• 데이터 조회

with(getSharedPreferences(USER_INFO, Context.MODE_PRIVATE)) {
    binding.nameValueTextView.text = getString(NAME, "미입력")
    binding.birthValueTextView.text = getString(BIRTH, "미입력")
    binding.bloodTypeValueTextView.text = getString(BLOOD_TYPE, "미입력")
    binding.sosPhoneValueTextView.text = getString(SOS_PHONE, "미입력")
    val notiInfo = getString(NOTI_INFO, "")

    binding.notiInfoTextView.isVisible = notiInfo.isNullOrEmpty().not()
    binding.notiInfoValueTextView.isVisible = notiInfo.isNullOrEmpty().not()

    if(!notiInfo.isNullOrEmpty()) {
        binding.notiInfoValueTextView.text = notiInfo
    }
}

• 데이터 수정 및 저장

with(getSharedPreferences(USER_INFO, Context.MODE_PRIVATE).edit()) {
    putString(NAME, binding.nameEditText.text.toString())
    putString(BLOOD_TYPE, getBloodType())
    putString(SOS_PHONE, binding.sosPhoneValueTextView.text.toString())
    putString(BIRTH, binding.birthEditText.text.toString())
    putString(NOTI_INFO, getNotiInfo())
    apply()
}

• 데이터 삭제

with(getSharedPreferences(USER_INFO, Context.MODE_PRIVATE).edit()) {
    clear()
    apply()
    getDataAndUiUpdate() // 데이터 재조회 및 UI 업데이트
}