App Inventor

2주차 : BMI 계산기 앱 (App inventor)

iwannabebackendexpert 2023. 3. 9. 12:58

App inventor를 사용해서 BMI계산기를 만들어보자.

 

디자인 Part.

1) 키 입력을 위한 Text box

2) 몸무게 입력을 위한 Text Box

3) 계산기능을 실행하기위한 Button

4) 결과 출력을 위한 Label

5) Screen 레이어에서 Horizontal , Vertical을 각각 Center로 설정

6) Text box , button, label 등 각각 이름을 txt_height, txt_weight, btn_cal, cal_BMI, lbl_BMI로 설정

7) 속성창의 Hint를 키(cm), 몸무게(kg)으로 ..

8) Background Color 설정

 

 

 

 

코딩 Part.

전역변수로 활용할 Height, Weight, BMI 변수 설정

계산 버튼 클릭시 이벤트를 정의한다.

 

계산된 값들을 각각 global Height, global Weight에 할당

global BMI에 키(cm->m로 수정) / 몸무게(kg) ^ 2 할당

 

 최종적으로 lbl_BMI에 계산된 global BMI의 값 출력

완성된 BMI 계산기의 모습이다.

 

하지만. 소수점이 너무 길다. 소수점을 한자리 까지만 가져오자.

format as decimla number palces 블럭으로 소수점 한자리 까지만 보여주도록 했다.

 

마지막으로 BMI로 체질을 판정해보자.