패스트캠퍼스 챌린지 25일차

30개 프로젝트로 배우는 Android 앱 개발 with Kotlin 초격차 패키지 Online

강의 목표

---

• 프로젝트를 따라해보며 앱개발에 필요한 기술을 학습할 수 있습니다.
• 프로젝트를 따라해보며 앱개발에 필요한 기술을 학습할 수 있습니다.
• 앱 개발시 원하는 기능을 구현하기 위해 어떤 기술이 필요한 지 알 수 있습니다.
• 디자인 아키텍처 패턴, 비동기 처리 등 효율적인 앱 개발 방법을 익힐 수 있습니다.

목차 02 Basic - Ch04. 계산기

---

• 인트로
• 계산기 UI 그리기 - 1
• 계산기 UI 그리기 - 2
• 계산기 UI 그리기 - 3
• 계산기로 계산하기 - 1
• 계산기로 계산하기 - 2
• 계산 기록 저장하기 - 1
• 계산 기록 저장하기 - 2
• 아웃트로

계산기 UI 그리기 - 2

• 이제 Table안에 Row안의 버튼들을 디자인 해보자

<androidx.appcompat.widget.AppCompatButton
    android:id="@+id/clearButton"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_margin="7dp"
    android:background="@drawable/button_background"
    android:onClick="clearButtonClicked"
    android:stateListAnimator="@null"
    android:text="C"
    android:textColor="@color/textColor"
    android:textSize="24sp" />

• 위는 왼쪽 위 가장자리의 초기화를 위한 clear 버튼이다
• onClick 속성으로 핸들러를 연결해준다
• drawable 로 shape을 만들어서 배경으로 설정해주었다
• ripple 로 기본 터치 효과를 준다

<androidx.appcompat.widget.AppCompatButton
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_margin="7dp"
    android:background="@drawable/button_background"
    android:clickable="false"
    android:enabled="false"
    android:stateListAnimator="@null"
    android:text="( )"
    android:textColor="@color/green"
    android:textSize="24sp" />

• 옆의 괄호 버튼이다
• 하지만 이번 프로젝트에서는 사용하지 않음으로 clickable과 enable에 false 값을 주었다

<androidx.appcompat.widget.AppCompatButton
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_margin="7dp"
    android:background="@drawable/button_background"
    android:onClick="buttonClicked"
    android:stateListAnimator="@null"
    android:text="7"
    android:textColor="@color/textColor"
    android:textSize="24sp" />

• 일반적인 버튼들은 buttonClicked 라는 핸들러 와 연결되도록하고 textColor 색상을 주었다

<ImageButton
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_margin="7dp"
    android:background="@drawable/button_background"
    android:onClick="historyButtonClicked"
    android:src="@drawable/ic_baseline_access_time_24"
    android:stateListAnimator="@null"
    android:textSize="24sp" />

• 기록을 볼 수 있는 히스토리 버튼은 ImageButton 태그를 사용하여 생성하였다
• src로 drawable에 접근하다
• drawable에서 vector class에 접근하여 안드로이드에서 기본적으로 제공하는 기호들을 사용할 수 있다

---

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.

수강인증샷

링크

https://bit.ly/37BpXiC