[Android] TIL 5일차

 

 

Android Studio를 이용한 BMI 계산기 만들기

---

 

Code(좌), Split(중앙), Design(우측)

Code : Code만 작성할 수 있음

Split : Code와 Design을 동시에 확인 및 작성 가능

Design : Design만 작성할 수 있음

 

 

BMI 계산기 메인화면 Design 속성(좌), Design 결과물(우)

BMI 계산기 위젯의 글씨 크기와 색, 글씨 굵기를 작성한 것이고 우측은 작성한 속성값이 적용된 화면이다.

 

 

Design 코드 내용

위에 작성한 속성과 Design을 Code탭에서 보면 이처럼 나타난다.

 

width(너비), height(높이), textSize(글씨크기), textStyle(글씨스타일) 등 내가 속성에 직접 입력한 내용과 입력하지 않은 내용까지 전부 작성되어있다.

 

(* layout의 단위는 dp, text의 단위는 sp)

 

 

이렇게 위젯 하나하나의 속성을 작성하고 메인화면 디자인은 끝

 

결과화면도 메인화면 방식과 동일하게 속성을 작성하지만 메인화면과 달리 이미지 삽입이 추가되어 이 부분만 추가적으로 기억해두면 좋을 것 같다.

 

이미지 삽입 화면(좌), 코드 내용(우)

 

이미지 삽입 방법 : 원하는 이미지 복사 > res > drawable > 우클릭 후 paste 속성 클릭 > 삽입

 

MainActivity Code

if(text.isEmpty()) ~ : 만약 해당 부분에 text를 입력하지 않았을 경우 이러한 문구를 띄운다

* ex) heightEditText의 경우 : text를 입력하지 않았을 시 신장을 입력해주세요. 라는 문구가 나오도록 설정

 

toString().toInt() : String을 Int형으로 변환

 

var value = weight ~ : weight(몸무게)를 height(키) cm > m 단위로 전환 후 pow 함수를 통해 제곱한 값으로 나눠서 BMI 값이 나오도록 함

 

value = round(value*10)/10 : round 함수를 이용하여 뒤에 소숫점 한 자릿수로 변경

 

if와 else if 함수문

if(value < 18.5){ } : 만약 BMI 지수가 18.5 미만이면 결과값에 저체중, 이미지는 lv1, 글씨색은 노란색이 되도록 적용

 

else if(value >= 18.5 && value < 23.0){ } : BMI 지수가 18.5 이상 23.0 미만이면 결과값에 정상체중, 이미지는 lv2, 글씨색은 초록색이 되도록 적용

 

else {} : BMI 35.0 이상이면 결과값에 고도비만, 이미지는 lv6, 글씨색은 빨간색이 되도록 적용