[앱인벤터] 만보기 만들기

만보기 만들어보기

---

1. 디자인

디자인을 하실 때, 컴포넌트 이름을 “레이블_걸음_값” 와 같이 컴포넌트의 이름을 포함해주시면 블록 코드 하실 때, 헷갈리는 경우가 많이 줄어들거에요.

---

디자인 구조

└ 수직배치1
…└ 레이블 걸음 값
…└ 레이블 텍스트 총걸음
…└ 수평배치1
……└ 레이블 이동 값
……└ 레이블 텍스트 m
…└ 레이블 총거리
…└ 수평배치2
……└ 레이블 칼로리 값
……└ 레이블 텍스트 kcal
…└ 레이블 텍스트 소모칼로리
…└ 레이블 위치조정1
…└ 스위치 만보기 온오프
…└ 레이블 위치조정2
…└ 버튼 초기화
…└ 만보기1

---

2. 블록 코딩

한글버전

영어버전

ⓐ 부분

만보기의 상태를 확인을 위해 변수를 사용했어요.

ⓑ 부분

ⓐ 에서 만든 만보기 상태(변수)을 통해 만보기가 꺼져있으면 만보기를 켜주고, 반대로 만보기가 켜져있으면 만보기를 꺼줄게요.

ⓒ 부분

앱인벤터의 만보기(컴포넌트)는 걸음수와 거리를 알려줘요.
레이블_걸음_값은 간단한 걸음만 넣어도 가능해요.
레이블_이동_값은 디자인 에서 단위를 미터(m)로 해줘서 거리 값에 10을 나눠주었어요. (단위가 틀리수도 있어요…ㅎ)
레이블_칼로리_값은 4.0877 x 40 x (거리 / 5000) 을 해줬어요.

• 4.0877 는 5km/hour로 걷는 다는 가정
• 40 은 당신의 몸무게(kg)을 넣어주면 되요. 물론 제가 40kg는 아니구요…가정…
• 거리 / 5000 은 운동 시간이에요. 5000은 5km/hour 로 걷는 다는 가정이에요.

즉, 40 숫자만 여러분의 몸무게로 바꿔주고, 나머지는 고정이라고 생각해주시면 되요

ⓓ 부분

만보기를 초기화 해주기 위한 버튼이에요.

---