Calculator App in Android Studio(2)

activity_main.xml 꾸미기

---

1. round_button.xml 파일 만들기

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <solid android:color="#79B7D5"/>
    <corners android:radius="36dp"/>
</shape>

But, 사실 이 파일은 굳이 만들지 않아도 activity_main.xml에서 커버 가능하다.

---

2. 상단에 "SJ Calculator" 안내 문구

    <TextView
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:background="#79B7D5"
        android:textSize="20dp"
        android:text = "🚀 SJ Calculator 🤍"
        android:textColor="@android:color/white"
        android:textAlignment="center"
        android:paddingTop="40dp"/>

이 문구가 정말 구리다는 거 알고 있다... 미감이 똥이 되버렸다... 하지만 안하면 허전해 ㅋㅋ

---

3. 입력받는 숫자와 결과값을 보여주는 TextView

<TextView
        android:id="@+id/solution_tv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@id/result_tv"
        android:layout_margin="25dp"
        android:layout_marginTop="25dp"
        android:layout_marginBottom="25dp"
        android:text=""
        android:textAlignment="textEnd"
        android:textColor="#575757"
        android:textSize="50dp" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/result_tv"
        android:text="0"
        android:textSize="35dp"
        android:textAlignment="textEnd"
        android:textColor="#575757"
        android:layout_above="@id/buttons_layout"
        android:layout_margin="25dp" />

각각 'solution_tv', 'result_tv'라는 id를 주었다.

---

4. 총 12개의 버튼 만들기

<!--- 키패드 레이아웃 -->
    <LinearLayout
        android:id="@+id/buttons_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:orientation="vertical">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:orientation="horizontal">

            <Button
                android:id="@+id/button_ce"
                android:layout_width="72dp"
                android:layout_height="72dp"
                android:background="@drawable/round_button"
                android:textSize="25sp"
                android:text="CE"
                android:textColor="@android:color/white"
                android:backgroundTint="#E07979"
                android:layout_margin="12dp" />
            ....
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:orientation="horizontal">

            <Button
                android:id="@+id/button_7"
                android:layout_width="72dp"
                android:layout_height="72dp"
                android:background="@drawable/round_button"
                android:textSize="32sp"
                android:text="7"
                android:textColor="@android:color/white"
                android:backgroundTint="#C3BEBE"
                android:layout_margin="12dp" />
            .....
         </LinearLayout>

    </LinearLayout>

과정을 반복해서 12개의 버튼을 만들고 버튼에 해당하는 id값을 주었다.

---

출처
How to make a Calculator in Android Studio | 2024