운좋게도 대상을 받은 작품, 

Teenager + 친 = TeenGü 라는 의미를 가진 Android Application을 소개한다.

배경
목표
기능

이 외에도 많은 기능들이 있으나 게시글에 다 담지 못하였다. 

 

처음 개발한 애플리케이션이라 미흡한 부분들이 많지만 팀원들 모두 만족한 결과물이다.

 

아래 깃허브 주소로 코드를 확인할 수 있고, 아래 유튜브 링크를 통해 시연영상을 확인할 수 있다.

https://github.com/YRim99/TeenGu.git

 

GitHub - YRim99/TeenGu: Android Application

Android Application. Contribute to YRim99/TeenGu development by creating an account on GitHub.

github.com

 

https://www.youtube.com/watch?v=i5qniTcAeQI 

 

'Project > Android App' 카테고리의 다른 글

TimerApp  (0) 2021.07.13
StopwatchApp  (0) 2021.07.12
BmiCalculatorApp  (0) 2021.07.10

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

입력은 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>

'Project > Android App' 카테고리의 다른 글

<TeenGü>, 2021 Programming Guru2(Android) 대상 수상작  (0) 2021.08.19
StopwatchApp  (0) 2021.07.12
BmiCalculatorApp  (0) 2021.07.10

간단한 스톱워치 기능을 하는 앱이다.

 

<그래픽 구현을 위한 xml 코드(activity_main.xml)>

<?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.100000024" />

    <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"
        app:layout_constraintBaseline_toBaselineOf="@+id/secTextView"
        app:layout_constraintStart_toEndOf="@+id/secTextView" />

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="16dp"
        android:backgroundTint="@color/teal_700"
        android:clickable="true"
        app:backgroundTint="#FFFFFF"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:srcCompat="@drawable/ic_baseline_play_arrow_24"
        app:tint="@color/white" />

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/resetFab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="16dp"
        android:layout_marginBottom="16dp"
        android:backgroundTint="#E91E63"
        android:clickable="true"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:srcCompat="@drawable/ic_baseline_refresh_24"
        app:tint="@color/white" />

    <Button
        android:id="@+id/labButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="16dp"
        android:layout_marginBottom="16dp"
        android:backgroundTint="#9F9F9F"
        android:text="랩 타임"
        android:textColor="#070707"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent" />

    <ScrollView
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:layout_marginTop="8dp"
        android:layout_marginBottom="8dp"
        app:layout_constraintBottom_toTopOf="@+id/fab"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/secTextView"
        app:layout_constraintVertical_bias="0.413">

        <LinearLayout
            android:id="@+id/labLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical" />
    </ScrollView>
</androidx.constraintlayout.widget.ConstraintLayout>

 

<기능 구현을 위한 Kotlin 코드(MainActivity.kt)>

package com.example.stopwatch

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
import android.widget.LinearLayout
import android.widget.TextView
import com.google.android.material.floatingactionbutton.FloatingActionButton
import kotlin.concurrent.timer
import java.util.*

class MainActivity : AppCompatActivity() {
    private var time = 0
    private var isRunning = false
    private var timerTask: Timer? = null
    private var lap = 1 // 몇 번째 랩인지를 표시하고자 하는 변수 lap

    lateinit var fab : FloatingActionButton // 시작, 중지 버튼
    lateinit var secTextView : TextView // 초
    lateinit var milliTextView : TextView // 밀리초
    lateinit var lapLayout : LinearLayout // 랩 타임 나타나는 곳
    lateinit var lapButton: Button // 랩 타임 버튼
    lateinit var resetFab : FloatingActionButton // 초기화 버튼

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

        fab = findViewById<FloatingActionButton>(R.id.fab)
        secTextView = findViewById<TextView>(R.id.secTextView)
        milliTextView = findViewById<TextView>(R.id.milliTextView)
        lapLayout = findViewById<LinearLayout>(R.id.labLayout)
        lapButton = findViewById<Button>(R.id.labButton)
        resetFab = findViewById<FloatingActionButton>(R.id.resetFab)

        fab.setOnClickListener {
            isRunning = !isRunning // play & pause 구별을 위한 플래그 변수 isRunning

            if(isRunning){
                start()
            } else{
                pause()
            }
        }

        lapButton.setOnClickListener {
            recordLapTime()
        }

        resetFab.setOnClickListener{
            reset()
        }
    }

    //시작(플레이) 동작 구현
    private fun start(){
        fab.setImageResource(R.drawable.ic_baseline_pause_24) // 타이머 FAB 누르면 이미지를 일시정지 이미지로 변경

        timerTask = timer(period = 10){ //밀리세컨(0.01초) 단위로 증가
            time++
            val sec = time / 100 //초
            val milli = time % 100 //밀리초

            runOnUiThread { // UI 조작 (초와 밀리초 텍스트 뷰에 설정)
                secTextView.text = "$sec"
                milliTextView.text = "$milli"
            }
        }
    }

    //일시정지 구현
    private fun pause(){
        fab.setImageResource(R.drawable.ic_baseline_play_arrow_24) //시작 이미지로 교체
        timerTask?.cancel() // 실행 중인 타이머가 있다면 취소
    }

    //랩 타임 동작 구현
    private fun recordLapTime(){
        val lapTime = this.time //현재 시간 지역 변수에 저장
        val textView = TextView(this) //동적으로 TextView 생성
        textView.text = "$lap LAB : ${lapTime / 100}.${lapTime % 100}" //초. 밀리초 단위로 보여지게끔

        // LinearLayout 맨 위에 랩 타임 추가
        lapLayout.addView(textView, 0) // 맨 위에 추가 하려면 옵션을 addView 0으로
        lap++
    }

    //초기화 동작 구현
    private fun reset(){
        timerTask?.cancel() //실행 중인 타이머가 있다면 취소

        //모든 변수 초기화
        time = 0
        isRunning = false
        fab.setImageResource(R.drawable.ic_baseline_play_arrow_24)
        secTextView.text = "0"
        milliTextView.text = "00"

        //모든 랩타임 제거
        lapLayout.removeAllViews()
        lap = 1
    }
}

 

초기 화면과 정지 화면, 랩 타임 구현 화면 --> 초기화 시 처음 화면으로 돌아감

'Project > Android App' 카테고리의 다른 글

<TeenGü>, 2021 Programming Guru2(Android) 대상 수상작  (0) 2021.08.19
TimerApp  (0) 2021.07.13
BmiCalculatorApp  (0) 2021.07.10

비만도 계산을 한 후 결과가 정상인지 비만인지 등에 대한 결과가 나오는 간단한 앱이다.

bmi 지수는 Toast 메세지로 짧게 나온다.

//MainActivity.kt
package com.example.bmicalculator

import android.content.Intent
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
import android.widget.EditText

class MainActivity : AppCompatActivity() {
    lateinit var resultButton : Button
    lateinit var nameEditText: EditText
    lateinit var heightEditText : EditText
    lateinit var weightEditText : EditText

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

        resultButton = findViewById<Button>(R.id.resultButton)
        nameEditText = findViewById<EditText>(R.id.nameEditText)
        heightEditText = findViewById<EditText>(R.id.heightEditText)
        weightEditText = findViewById<EditText>(R.id.weightEditText)

        loadData()

        resultButton.setOnClickListener {
            saveData(nameEditText.text.toString(),
                    heightEditText.text.toString().toInt(),
                    weightEditText.text.toString().toInt())

            var intent = Intent(this, ResultActivity::class.java)

            intent.putExtra("name",nameEditText.text.toString())
            intent.putExtra("height",heightEditText.text.toString())
            intent.putExtra("weight",weightEditText.text.toString())

            startActivity(intent)

        }
    }

    private fun saveData(name: String,height: Int, weight: Int){
        var pref = this.getPreferences(0)
        var editor = pref.edit()

        editor.putString("KEY_NAME",nameEditText.text.toString()).apply()
        editor.putInt("KEY_HEIGHT", heightEditText.text.toString().toInt()).apply() //apply 시 KEY_HEIGHT 키가 선언됨
        editor.putInt("KEY_WEIGHT", weightEditText.text.toString().toInt()).apply()
    }

    private fun loadData(){
        var pref = this.getPreferences(0)
        var name = pref.getString("KEY_NAME","")
        var height = pref.getInt("KEY_HEIGHT",0)
        var weight = pref.getInt("KEY_WEIGHT",0)

        if(height != 0 && weight != 0){ //최초에는 실행하지 않음. 값이 있을 때 실행
            nameEditText.setText(name.toString())
            heightEditText.setText(height.toString())
            weightEditText.setText(weight.toString())
        }
    }
}

 

//ResultActivity.kt
package com.example.bmicalculator

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.ImageView
import android.widget.TextView
import android.widget.Toast

class ResultActivity : AppCompatActivity() {
    lateinit var resultTextView : TextView
    lateinit var imageView : ImageView

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

        resultTextView = findViewById(R.id.resultTextView)
        imageView = findViewById(R.id.imageView)

        var name = intent.getStringExtra("name").toString()
        var height = intent.getStringExtra("height")!!.toInt()
        var weight = intent.getStringExtra("weight")!!.toInt()

        var bmi = weight / Math.pow(height/100.0 , 2.0)

        when{
            bmi >= 35 -> resultTextView.text = "고도 비만"
            bmi >= 30 -> resultTextView.text = "2단계 비만"
            bmi >= 25 -> resultTextView.text = "1단계 비만"
            bmi >= 23 -> resultTextView.text = "과제중"
            bmi >= 18.5 -> resultTextView.text = "정상"
            else -> resultTextView.text = "저체중"
        }

        when{
            bmi >= 23 -> imageView.setImageResource(R.drawable.ic_baseline_mood_bad_24)
            bmi >= 18.5 ->  imageView.setImageResource(R.drawable.ic_baseline_sentiment_satisfied_alt_24)
            else -> imageView.setImageResource(R.drawable.ic_baseline_sentiment_very_dissatisfied_24)
        }

        Toast.makeText(this,"$name's bmi : $bmi",Toast.LENGTH_SHORT).show()

    }
}

 

'Project > Android App' 카테고리의 다른 글

<TeenGü>, 2021 Programming Guru2(Android) 대상 수상작  (0) 2021.08.19
TimerApp  (0) 2021.07.13
StopwatchApp  (0) 2021.07.12

+ Recent posts