배드민턴을 좋아하는 친한 동생의 부탁으로
간단한 연습 어플을 만들어보기로 합니다.
연습 방법 :
- 네트를 천막으로 가린다.
- 반대편에서 콕을 날린다.
- 날라오는 콕을 쳐낸다.
이를 혼자서는 할 방법이 없기 때문에
배드민턴 코트를 분할하여
분할된 구역마다 번호를 매긴 다음
특정 시간 간격마다 임의의 숫자가 나타나면
숫자와 매칭이 되는 구역으로 재빠르게 달려가
공을 치는 동작을 취하겠다 하네요.
그렇게까지?
요구사항은 파악이 되었습니다. 핵심 로직은 이렇게 생겼어요.
.png)
사용자가 시간 간격과 구역 개수를 지정하면
일정 시간 간격마다 임의의 숫자가 그려지게 됩니다.
정말 간단해서 정말 빨리 끝날 줄 알았는데
안드로이드를 잘 모른다는 함정이
계획은 이렇습니다.
- 안드로이드 웹뷰 (WebView) 를 사용한다.
- 로컬에 (Android Device) html 리소스를 놓는다.
- 이를 웹뷰에서 구동시킨다.
우선 스플래시 화면으로 쓸 이미지를 구합니다.
(마켓에 출시하지 않는 비 상용 앱이기 때문에
아래 이미지를 사용하였습니다. 출처는 핀터레스트.)
여기에 어플의 제목을 띄웁니다. 폐관수련
잘 뜨는군요. 이제 메인화면을 만듭니다.
부트스트랩을 이용하여 반응형 UI를 구성합니다.
그 다음 리소스를 해당 경로에 위치시킵니다.
{project_name}/app/src/main/assets
액티비티에서 해당 경로에 위치한 html을 웹뷰로 띄울 것입니다.
(파일을 Android Package Kit 에 포함시켜 앱에서
사용할 수 있도록 만든 것을 안드로이드 Asset 이라고 합니다.)
.png)
이제 동작을 볼까요?
잘 움직이네요.
실제 안드로이드 디바이스에서도 문제없이
작동하는 것을 확인하였습니다.
apk로 엮어서 전달해주면 끝!
