본문 바로가기

해보자!/안드로이드 스튜디오로 앱만들기

계산기만들기

Inflearn - 안드로이드 스튜디오로 안드로이드 앱만들기(안경잡이 개발자)_ 계산기만들기

 

안드로이드 스튜디오를 이용함.

실행 후 Tutorial 2로 프로젝트 이름을 지정한 후 디바이스는 Android 4.1(Jelly Bean)으로 지정해줌.

이런식으로 프로젝트를 생성하면

몇 초 후에 위와 같은 화면이 뜸.

 

여기서 res -> layout에 들어가면 어플의 기본적인 형태가 나옴. 옆에 있는 옵션들로 계산기 모양의 형태를 갖춰 줌.

여기까지 했다면 이제 MainActivity로 가서 계산기에 쓰이는 각각의 함수들을 명시해주면 됨.

 

일단 먼저 더하기부터 해줌.

number1이라고 이름붙인 ID에 EditText를 받아서 number1이라는 객체에 저장함. number2도 text를 받아서 number2 객체에 저장함.

result에 관한 내용도 view로써 ID를 받아와 값으로 저장함. n1과 n2에는 받아온 숫자(텍스트)가 parseInt라는 함수에 의해 정수형으로 저장됨.

마지막으로 result부분에 연산결과를 보여줄 수 있게 함.

남은 빼기, 곱하기, 나누기도 더하기와 비슷하게 하면 됨.

함수이름을 각각 다르게 지정한 후에 result.setText(Integer.toString(n1___n2)); 부분만 연산에 맞게 변형해주면 됨.

 

함수를 구현해준 후에 activity_main.xml의 Text부분으로 들어감.

연산Button마다 android:onClick="함수이름" 을 추가해줌. 버튼을 눌렀을 때 해당함수의 기능을 수행한다는 의미임.

빨간점으로 표시된 부분처럼 해주면 됨.

 

해당 어플을 실행해보니

왜 이렇게 나오는건지 의문,,,,!

 

강의하시는 분이 유튜브 댓글에 추가적으로 설명을 해주셨음!

(유튜브: https://www.youtube.com/watch?v=dk_AyDJL61g&feature=youtu.be)

 

최신 버전의 안드로이드 스튜디오는 기본 레이아웃이 ConstraintLayout으로 되어있다고 함. XML파일에서 레이아웃을 RelativeLayout으로 변경해주면 위와 같이 버튼과 텍스트박스가 한 곳으로 몰리지 않게 출력할 수 있다고 함.

하지만 바꿔도 똑같이 몰려서 출력됨,,ㅠㅠㅜ

댓글을 보던 중 Pie Android라는 분의 댓글을 참고함!

 

결과물!

값도 잘나오고 나름 만족스러움!

 

 

(강의: https://www.inflearn.com/course/%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%EC%8A%A4%ED%8A%9C%EB%94%94%EC%98%A4-%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%EC%95%B1-%EB%A7%8C%EB%93%A4%EA%B8%B0/%EA%B3%84%EC%82%B0%EA%B8%B0-%EB%A7%8C%EB%93%A4%EA%B8%B0-how-to-make-calculator/)