[Android] "계산기 앱" 구현

전체 코드 : 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" />