[안드로이드/Kotlin] 계산기

안녕하세요~ 코딩하는 코알못 코메인입니다.

코틀린 언어를 공부하고 두번째로 간단한 앱을 하나 제작해 봤다.

코딩 공부를 한다면 90프로는 거쳐간다는 계산기이다.

 

제작 스펙은 이렇다.

사용한 언어 : Kotlin

사용한 툴 : AndroidStudio

 

앱을 살펴보자.

실행

실행하면 처음으로 만나는 화면이다.

AC : 모든 값을 삭제

C : 입력한 값을 삭제

<- : 최근에 입력한 값 1자리를 삭제

사칙연산, 0부터 9까지의 입력 키, .를 입력해 값을 소수로 만들 수 있는 기능이 있다.

 

값을 입력하면 0이 있던 자리에 입력한 값이 출력되고, 사칙연산을 누르면 위에 입력해둔 값과 사칙연산이 출력된다.

 

이후 다시 값을 입력하면 이전에 입력했던 20은 사라지고 새로 입력한 값이 출력된다.

해당 사진처럼 말이다.

그리고 =을 누르면 연산 과정이 위에 출력되고 연산 값이 밑에 출력된다.

 

다양한 기능이 들어가진 않았지만 필자가 생각하기에 중요하다 생각하는 기능은 다 들어간 것 같아서 만족한다.

 

이제 코드를 보자.

코드

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/tvIntput"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="4"
        android:background="@color/light_grey"
        android:padding="10dp"
        android:textSize="24sp"
        android:gravity="end|bottom"/>

    <TextView
        android:id="@+id/tvResult"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="2"
        android:background="@color/light_grey"
        android:textSize="48sp"
        android:textStyle="bold"
        android:hint="0"
        android:gravity="end"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_weight="1">

        <Button
            android:layout_margin="2dp"
            android:id="@+id/btnAllCRL"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:onClick="ACClick"
            android:text="AC"/>

        <Button
            android:layout_margin="2dp"
            android:id="@+id/btnCRL"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:onClick="ClearClick"
            android:text="C"/>

        <Button
            android:layout_margin="2dp"
            android:id="@+id/btnBack"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:onClick="BackClick"
            android:text="⬅"/>

        <Button
            android:layout_margin="2dp"
            android:id="@+id/btnDivide"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:onClick="OperClick"
            android:text="÷"/>

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_weight="1">

        <Button
            android:layout_margin="2dp"
            android:id="@+id/btnSeven"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:onClick="numClick"
            android:text="7"/>

        <Button
            android:layout_margin="2dp"
            android:id="@+id/btnEight"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:onClick="numClick"
            android:text="8"/>

        <Button
            android:layout_margin="2dp"
            android:id="@+id/btnNine"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:onClick="numClick"
            android:text="9"/>

        <Button
            android:layout_margin="2dp"
            android:id="@+id/btnMultiply"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:onClick="OperClick"
            android:text="x"/>

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_weight="1">

        <Button
            android:layout_margin="2dp"
            android:id="@+id/btnFour"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:onClick="numClick"
            android:text="4"/>

        <Button
            android:layout_margin="2dp"
            android:id="@+id/btnFive"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:onClick="numClick"
            android:text="5"/>

        <Button
            android:layout_margin="2dp"
            android:id="@+id/btnSix"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:onClick="numClick"
            android:text="6"/>

        <Button
            android:layout_margin="2dp"
            android:id="@+id/btnSubtract"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:onClick="OperClick"
            android:text="-"/>

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_weight="1">

        <Button
            android:layout_margin="2dp"
            android:id="@+id/btnOne"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:onClick="numClick"
            android:text="1"/>

        <Button
            android:layout_margin="2dp"
            android:id="@+id/btnTwo"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:onClick="numClick"
            android:text="2"/>

        <Button
            android:layout_margin="2dp"
            android:id="@+id/btnThree"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:onClick="numClick"
            android:text="3"/>

        <Button
            android:layout_margin="2dp"
            android:id="@+id/btnPlus"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:onClick="OperClick"
            android:text="+"/>

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:orientation="horizontal">

        <Button
            android:id="@+id/btnZero"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_margin="2dp"
            android:layout_weight="2"
            android:onClick="numClick"
            android:text="0" />

        <Button
            android:id="@+id/btnDot"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_margin="2dp"
            android:layout_weight="1"
            android:onClick="DotClick"
            android:text="." />

        <Button
            android:id="@+id/btnEqual"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_margin="2dp"
            android:layout_weight="1"
            android:onClick="EqualClick"
            android:text="=" />

    </LinearLayout>


</LinearLayout>

선형레이아웃을 사용해 UI를 배치했고, onClick으로 코틀린 파일에서 작성한 클릭 이벤트를 실행시켰다.

 

MainActivity.kt

package com.example.calc

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.view.View
import android.widget.Button
import android.widget.TextView
import kotlin.math.round

class MainActivity : AppCompatActivity() {

    private var tvResult : TextView? = null
    private var tvInput : TextView? = null
    private var tvResultCheck = false
    private var tvInputCheck = false
    private var FirstNum : Double = 0.0
    private var SecondNum : Double = 0.0
    private var ResultNum : Double = 0.0
    private var ArithOper : String? = null

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

        tvResult = findViewById(R.id.tvResult)
        tvInput = findViewById(R.id.tvIntput)
    }

    fun numClick(view : View){
        //view에는 text속성이 없기때문에 Button형으로 바꿔줘서 text를 가져온다.
        if(!tvResultCheck){
            tvResult?.text = ""
        }
        tvResult?.append((view as Button).text)
        tvResultCheck = true
        var str = tvResult?.text.toString()
        SecondNum = str.toDouble()
    }

    fun BackClick(view: View){
        var str = tvResult?.text.toString()
        if(str.isNotEmpty()){
            str = str.substring(0, str.length - 1)
            tvResult?.text = str
        }

    }

    fun ClearClick(view: View){
        tvResult?.text = ""
        tvResultCheck = false
        SecondNum = 0.0
    }

    fun ACClick(view: View){
        tvResult?.text = ""
        tvInput?.text = ""
        tvResultCheck = false
        tvInputCheck = false
        FirstNum = 0.0
        SecondNum = 0.0
        ArithOper = ""
    }

    fun DotClick(view: View) {
        var dotCheck = false

        tvResult?.text?.let {
            if(it.contains(".")) {
                dotCheck = true
            }
        }
        if (!tvResultCheck) {
            tvResult?.text = "0."
            tvResultCheck = true
        }else if (!dotCheck){
            tvResult?.append(".")
        }
    }

    fun OperClick(view: View){
        val btn = (view as Button).text

        if(!tvInputCheck){
            tvInput?.text = if(SecondNum % 1.0 == 0.0) "${SecondNum.toLong()} $btn" else "$SecondNum $btn"
            FirstNum = SecondNum
            tvInputCheck = true
            tvResultCheck = false
        }else{
            if(!tvResultCheck){
                tvInput?.text = if(FirstNum % 1.0 == 0.0) "${FirstNum.toLong()} $btn" else "$FirstNum $btn"
            }else{
                ResultNum = when(ArithOper){
                    "+" -> FirstNum + SecondNum
                    "-" -> FirstNum - SecondNum
                    "x" -> FirstNum * SecondNum
                    else -> FirstNum / SecondNum
                }
                ResultNum = round(ResultNum * 1000000000) / 1000000000
                tvInput?.text = if(ResultNum % 1.0 == 0.0) "${ResultNum.toLong()} $btn" else "$ResultNum $btn"
                tvResultCheck = false
                FirstNum = ResultNum
            }
        }
        ArithOper = btn.toString()
    }

    fun EqualClick(view: View){
        tvInput?.text = ""
        tvInput?.append(if(FirstNum % 1.0 == 0.0) "${FirstNum.toLong()} $ArithOper" else "${FirstNum} $ArithOper")
        tvInput?.append(if(SecondNum % 1.0 == 0.0) " ${SecondNum.toLong()} =" else " ${SecondNum} =")
        ResultNum = when(ArithOper){
            "+" -> FirstNum + SecondNum
            "-" -> FirstNum - SecondNum
            "x" -> FirstNum * SecondNum
            else -> FirstNum / SecondNum
        }
        ResultNum = round(ResultNum * 1000000000) / 1000000000
        tvResult?.text = if(ResultNum % 1.0 == 0.0) "${ResultNum.toLong()}" else "${ResultNum}"
        FirstNum = ResultNum
        tvResultCheck = false
    }

}

 

---

이상으로 글을 마치겠습니다.

보시고 궁금하신 것이 있다면, 댓글을 달아주세요. 제가 아는 선에서 최대한 답변드리겠습니다.

오늘도 행복한 하루 되시고, 즐코하세요! 읽어주셔서 감사합니다~